Xyort
Membre confirmé
Inscrit le: 03 Nov 2004
Messages: 362
|
 Posté le: 20 Fév 2005 19:57 Sujet du message: [Javascript] Tutorial pour faire tombé de la neige ! |
 |
|
Tutorial pour faire tombé de la neige !
Auteur : Xyort
Site de l'auteur : MGC
Pour cela rien de plus simple, il vous suffit d'aller dans la partie HTML de votre site :
Ce qui doit donner quelque chose comme ça:
| Code: | <html>
<head>
<title>Nouvelle page 1</title>
</head>
<body>
<p>CONTENU DE LA PAGE</p>
</body>
</html> |
Une fois votre structure HTML devant les yeux, localiser les balises <head> et </head>
Juste après le <head>, insérer ce code:
| Code: | <style>
.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue }
</style>
<script language="javascript">
snow = true; // false-pluie; true-neige
snowsym = " * "
rainsym = " ' "
intensite = 8 //Intensité de la pluie ou neige !
if(snow){sym = snowsym; speed=10; angle=1; drops=intensite}
else{sym = rainsym; speed=40; drops=intensite; angle=2}
movex = -speed/angle; movey = speed; count = 0;
function precipitation(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('precipitation()','1')}
</script> |
Ensuite localiser la balise </body>:
Juste avant insérer ce code :
| Code: | <script language="javascript">
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
if(snow){col = '#C0C0C0'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=precipitation
}
</script> |
Voilà regarder la neige tombe ! 
_________________
Site: 
Si vous aimez l'Infographie (logique non), aller y faire un tour ! Il y a aussi jeuxvideo et manga lol
"Un soupçons de génie, un peu d'imagination et voilà la création !!" |
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
