|
Trouver une ressource
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !
ARRIERE-PLAN QUI TOURNE !
Information sur la source
Description
Superbe script qui fait tourner un arrière-plan dans le sens des aiguilles d'une montre ! On peut configurer quelques variables dans le script : - la vitesse de rotation (plus élevé égal plus vite) dans dspeed=x. - Avec un chiffre négatif, on inverse le sens de rotation. - vous pouvez jouer avec la valeur de dspin=x. Vous obtiendrez alors - une rotation dans l'espace. - la premiere couleur de la page est deternimée dans la balise body (ici #000080) - la seconde couleur de l'effet , ici un bleu plus clair, en notation fonctionnelle rgb (soit 3 nombres entiers compris entre 0 et 255) dans tous les SetFillColor(0,0,150). Donc ceux qui veulent changer de couleur, vous le pouvez ici.
Source
- <html>
- <head>
- <SCRIPT>
- // Script par Glork !
- // La vitesse de rotation (+ = +vite)
- // -x égal sens inverse des aiguilles
- dspeed=1;
- // Autre valeur égal rotation 3D
- dspin=0;
- ////////////////////////////////////////////////
- drev="";
- ddirec="up"
- drun="no"
- dflip="left"
-
- function spinit() {
- spinny.rotate(0,dspin,drev + dspeed);
- window.setTimeout("spinit()", 1, "JavaScript");
- }
-
- function run() {
- if (ddirec=="up") {
- dspeed++
- if (dspeed == 10) { ddirec="down" }
- }
- else {
- dspeed--
- if (dspeed == 1) { ddirec="up" }
- }
- var runtimer = setTimeout('run()',100);
- }
-
- function chspeed(nspeed) {
- if (drun == "no") { dspeed=nspeed }
- }
-
- function spin() {
- if (dspin == "0") { dspin = "5" }
- else { dspin = "0" }
- }
-
- function reverse() {
- if (drev == "") { drev = "-" }
- else { drev = "" }
- }
-
- function runspeed() {
- if (drun == "yes") { drun = "no"; clearTimeout('runtimer'); }
- else { drun = "yes"; var runtimer = setTimeout('run()',100); }
- }
-
- function flipper() {
- if (dflip == "left") {
- layout.style.filter = 'fliph(enabled=1)';
- dflip="right";
- layouttext.style.left = "62%";
- }
- else { layout.style.filter = 'fliph(enabled=0)'; dflip="left"; layouttext.style.left = "1%"; }
- }
- </SCRIPT>
- <title> ma page... </title>
- </head>
- <BODY text="#FFFFFF" bgcolor="#000080" link="#FFFFFF" vlink="#FFFFFF" alink="#FF0000" leftMargin="0" topMargin="0" marginleft="0" margintop="0" onload=spinit()>
- <SCRIPT>
- document.write("<div style='position: absolute; top: 0; left: 0; HEIGHT:100%; WIDTH:100%;'>");
- </SCRIPT>
- <OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=spinny
- style="HEIGHT: 100%; WIDTH: 100%">
- <PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
- <PARAM NAME="Line0002" VALUE="SetLineColor(0,0,150)">
- <PARAM NAME="Line0003" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0004" VALUE="Pie(-725,-725,1450,1450,0,30,342)">
- <PARAM NAME="Line0005" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0006" VALUE="Pie(-725,-725,1450,1450,0,15,18)">
- <PARAM NAME="Line0007" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0008" VALUE="Pie(-725,-725,1450,1450,0,5,54)">
- <PARAM NAME="Line0009" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0010" VALUE="Pie(-725,-725,1450,1450,0,35,95)">
- <PARAM NAME="Line0011" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0012" VALUE="Pie(-725,-725,1450,1450,0,20,130)">
- <PARAM NAME="Line0013" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0014" VALUE="Pie(-725,-725,1450,1450,0,3,140)">
- <PARAM NAME="Line0015" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0016" VALUE="Pie(-725,-725,1450,1450,0,30,180)">
- <PARAM NAME="Line0017" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0018" VALUE="Pie(-725,-725,1450,1450,0,45,234)">
- <PARAM NAME="Line0019" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0020" VALUE="Pie(-725,-725,1450,1450,0,20,270)">
- <PARAM NAME="Line0021" VALUE="SetFillColor(0,0,150)">
- <PARAM NAME="Line0022" VALUE="Pie(-725,-725,1450,1450,0,10,306)">
- </OBJECT>
- <DIV id=layout style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 100%">
- Votre page ici !
- </DIV>
- </body>
- </html>
<html>
<head>
<SCRIPT>
// Script par Glork !
// La vitesse de rotation (+ = +vite)
// -x égal sens inverse des aiguilles
dspeed=1;
// Autre valeur égal rotation 3D
dspin=0;
////////////////////////////////////////////////
drev="";
ddirec="up"
drun="no"
dflip="left"
function spinit() {
spinny.rotate(0,dspin,drev + dspeed);
window.setTimeout("spinit()", 1, "JavaScript");
}
function run() {
if (ddirec=="up") {
dspeed++
if (dspeed == 10) { ddirec="down" }
}
else {
dspeed--
if (dspeed == 1) { ddirec="up" }
}
var runtimer = setTimeout('run()',100);
}
function chspeed(nspeed) {
if (drun == "no") { dspeed=nspeed }
}
function spin() {
if (dspin == "0") { dspin = "5" }
else { dspin = "0" }
}
function reverse() {
if (drev == "") { drev = "-" }
else { drev = "" }
}
function runspeed() {
if (drun == "yes") { drun = "no"; clearTimeout('runtimer'); }
else { drun = "yes"; var runtimer = setTimeout('run()',100); }
}
function flipper() {
if (dflip == "left") {
layout.style.filter = 'fliph(enabled=1)';
dflip="right";
layouttext.style.left = "62%";
}
else { layout.style.filter = 'fliph(enabled=0)'; dflip="left"; layouttext.style.left = "1%"; }
}
</SCRIPT>
<title> ma page... </title>
</head>
<BODY text="#FFFFFF" bgcolor="#000080" link="#FFFFFF" vlink="#FFFFFF" alink="#FF0000" leftMargin="0" topMargin="0" marginleft="0" margintop="0" onload=spinit()>
<SCRIPT>
document.write("<div style='position: absolute; top: 0; left: 0; HEIGHT:100%; WIDTH:100%;'>");
</SCRIPT>
<OBJECT classid=CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6 id=spinny
style="HEIGHT: 100%; WIDTH: 100%">
<PARAM NAME="Line0001" VALUE="SetFillStyle(1)">
<PARAM NAME="Line0002" VALUE="SetLineColor(0,0,150)">
<PARAM NAME="Line0003" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0004" VALUE="Pie(-725,-725,1450,1450,0,30,342)">
<PARAM NAME="Line0005" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0006" VALUE="Pie(-725,-725,1450,1450,0,15,18)">
<PARAM NAME="Line0007" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0008" VALUE="Pie(-725,-725,1450,1450,0,5,54)">
<PARAM NAME="Line0009" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0010" VALUE="Pie(-725,-725,1450,1450,0,35,95)">
<PARAM NAME="Line0011" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0012" VALUE="Pie(-725,-725,1450,1450,0,20,130)">
<PARAM NAME="Line0013" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0014" VALUE="Pie(-725,-725,1450,1450,0,3,140)">
<PARAM NAME="Line0015" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0016" VALUE="Pie(-725,-725,1450,1450,0,30,180)">
<PARAM NAME="Line0017" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0018" VALUE="Pie(-725,-725,1450,1450,0,45,234)">
<PARAM NAME="Line0019" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0020" VALUE="Pie(-725,-725,1450,1450,0,20,270)">
<PARAM NAME="Line0021" VALUE="SetFillColor(0,0,150)">
<PARAM NAME="Line0022" VALUE="Pie(-725,-725,1450,1450,0,10,306)">
</OBJECT>
<DIV id=layout style="HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 100%">
Votre page ici !
</DIV>
</body>
</html>
Conclusion
Malheureusement ca marche que sur IE :( Si vous avez des commentaires, n'hesitez pas !
Fichier Zip
Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
Télécharger le zip
Sources du même auteur
Sources de la même categorie
Sources en rapport avec celle ci
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
arriere plan de mon site : help [ par fairylullaby ]
Salut je voudrais mettre une image en arrière plan sur pratiquement toutes les pages de mon site Comment faire pour que celel ci soit non mltip
Arriere plan = fct(résolution écran) [ par Fab117 ]
Salut,Existe-il un script qui scanne la résolution de l'écran de l'internaute est choisi l'image d'arrière plan ("arriere-plan 800 x 60
select en arriere plan [ par billy21121 ]
Bonjour,j'utilise actuellement un calendrier en javascript et CSS mais le problème est que lorsque j'utilise une balise select, celle ci passe au dess
rotation d'image [ par WebInitiation ]
Bonjour j'ai un petit soucis.En fait ce que je voudrais faire c'est afficher un logo portable sur mon site.(Un roulement).Pour ce faire j'ai essayer p
mettre une image au premier plan de la page web [ par ndubien ]
Bonjour,Je cherche à savoir comment faire apparaître une image devant une autre ou même devant un texte?Je veux que l'image au premier plan puisse cha
HTML : changer image arriere plan tableau au passage souris [ par ju0123456789 ]
Bonjour,Je voudrais savoir comment peut-on faire changer l'image d'arrière plan d'un tableau (page HTML) au passage de la souris n'importe où sur le
Faire une ROTATION d'une image avec HTML ou JAVASCRIPT ? [ par maxxcbenny ]
Bonjour,Quelqu'un connait-il le moyen de faire subir une rotation à une image dans un navigateur web ? Avec un angle libre de 0° à 360° évidement ?Par
Changer l'image d'arrière plan [ par cyBerpOmmer ]
voila, j'ai un site à réaliser et il faut que l'image en arrière plan change. Je ne voudrai pas avoir à recharger la page mais simplement avoir à exec
POPUP overlib en arriere plan (IE) [ par medmen ]
Bonjour; J'utilise overlib pour afficher une popup, bref,sous firefox(1.5) la popup s'affiche sans problèmes, mais sous IE la popup s'affiche en
|
Téléchargements
Logiciels à télécharger sur le même thème :
|