Faire tomber de la neige

Soyez le premier à donner votre avis sur cette source.

Snippet vu 68 718 fois - Téléchargée 27 fois

Contenu du snippet

Voici un petit code qui permet de faire tomber de la neige quand on veut (même en été (didon ! :)) :

Source / Exemple :


Dans le body:
<SCRIPT LANGUAGE="Javascript1.2">
<!--
//  Original:  Altan - http://www.altan.hr/snow -->
var no = 15; // nombre de flocons
var speed = 5; // plus le nombre est petit, plus la vitesse augmente
var snowflake = "snow.gif"; // image
//////////////////////////////////////////////////////////////////////////////
var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;    // coordinate and position variables
var am, stx, sty;  // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {  
dx[i] = 0;                        // set coordinate variables
xp[i] = Math.random()*(doc_width-50);  // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;         // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random();     // set step variables
if (ns4up) {                      // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></layer>");
   }
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(snowflake + "\" border=\"0\"></div>");
      }
   }
}
function snowNS() {  // Netscape main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() {  // IE main animation function
for (i = 0; i < no; ++ i) {  // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

Conclusion :


Amusez-vous bien !

A voir également

Ajouter un commentaire

Commentaires

seb5629
Messages postés
26
Date d'inscription
mardi 6 septembre 2005
Statut
Membre
Dernière intervention
23 juillet 2010

j'ai trouvé une source exactement pareil sur internet, maintenat est ce toi qui liche ou est ce l' autre ???
en tout casl'un de vous est un licheur.
leo1023
Messages postés
6
Date d'inscription
dimanche 5 février 2006
Statut
Membre
Dernière intervention
22 octobre 2006

Ca ne marche pas, donc pas de flocons...
Isabelkarter
Messages postés
1
Date d'inscription
samedi 24 décembre 2005
Statut
Membre
Dernière intervention
24 décembre 2005

Comment faire tomber plusieurs type de flocon en même temps?
frenchmike
Messages postés
2
Date d'inscription
mardi 8 février 2005
Statut
Membre
Dernière intervention
26 août 2006

bonjour,
j'ai essayé de mettre ce script sympa sur ma page d'acceuil mais ... pas de flocons

C'est une page hp cela pos t il un problème ?
Le snow.gif est dans le même répertoireque la page faut il le mettre à un endroit précis ?
Le gif fait 29 k doit il avoir une taille ou un poids spécifique ?

désolé de ces questions d'amateur ... merci d'avance
xena1901
Messages postés
126
Date d'inscription
jeudi 11 août 2005
Statut
Membre
Dernière intervention
12 octobre 2011

petit script génial !
et le flocon aussi ! ;-)

génial et félicitations !

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.