Trucs et Astuces Web

CECI n'est Pas de code Javascript non.

 Créer une pluie de fleurs,

Copier / Coller le code ci-Dessous :

<script type="text/javascript"> 
<! - 
/ / Neige - http://www.btinternet.com/ ~ kurt.grigg / javascript 

if ((document.getElementById) & & 
window.addEventListener | | window.attachEvent) { 

(Function () { 

/ / Configurer ici. 

num var = 3; / / Nombre de paillettes 
timer var = 80; / vitesse setTimeout /. Varie en fonction de différentes compositions 
var enableinNS6 = 1 / script / Enable dans NS6/Mozilla? animation de neige pourrait être lent dans ces navigateurs. (1 = oui, 0 = non). 
url_gif var = "http://www.gifs-animes.net/images-image/Fleurs/Fleurs-marguerittes/Fleurs-marguerittes-8.gif" / / adresse de l'image 

/ / Fin. 

var y = []; 
var x = []; 
automne var = []; 
theFlakes var = []; 
sfs var = []; 
étape var = []; 
currStep var = []; 
var h, w, r; 
var d = document; 
pix var = "px"; 
domWw var = (typeof window.innerWidth == "nombre"); 
domSy var = (typeof window.pageYOffset == "nombre"); 
idx var = d.getElementsByTagName ('div') de longueur. 

if (d.documentElement.style & & 
d.documentElement.style.MozOpacity typeof == "string") 
num = 6; 

for (i = 0; nombre i <; i + +) { 
sfs [i] = 15; / / Math.round (1 + Math.random () * 1); 

document.write ('<div id = "flocon" + (idx + i) + "" style = "position: absolute; top: 0px; gauche: 0px; largeur:" mce_style = "position: absolute; top: 0px; à gauche: 0px; largeur: "> <img src="'+url_gif+'" mce_src="'+url_gif+'"> </ div> '); 



/ / "+ Sfs [i] +" px, hauteur: '+ sfs [i] + "px; background-color: # ffffff; font-size:" + sfs [i] + "px; border: 1px solid # dddddd; 

currStep [i] = 0; 
automne [i] = (sfs [i] == 1)? 
Math.round (2 + Math.random () * 2): Math.round (3 + Math.random () * 2); 
étape [i] = (sfs [i] == 1)? 
0,05 + Math.random () * 0.1: 0,05 + Math.random () * 0,05; 
} 


if (domWw) r = fenêtre; 
else { 
if (d.documentElement & & 
typeof d.documentElement.clientWidth == "nombre" & & 
d.documentElement.clientWidth! = 0) 
r = d.documentElement; 
else { 
if (d.body & & 
typeof d.body.clientWidth == "nombre") 
r = d.body; 
} 
} 


winsize function () { 
var oh, sy, oe, sx, rh, rw; 
if (domWw) { 
if (d.documentElement & & & & d.defaultView 
typeof d.defaultView.scrollMaxY == "nombre") { 
oh = d.documentElement.offsetHeight; 
sy = d.defaultView.scrollMaxY; 
oe = 0,80 * d.documentElement.offsetWidth; 
sx = d.defaultView.scrollMaxX; 
hr = oh-sy; 
rw-oe = sx; 
} 
else { 
hr = r.innerHeight; 
rw = 0,80 * r.innerWidth; 
} 
h = rh - 2; 
w = rw - 2; 
} 
else { 
h = r.clientHeight - 2; 
w = 0,80 * r.clientWidth; 
} 
} 


scrl fonction (yx) { 
var y, x; 
if (domSy) { 
y = r.pageYOffset; 
x = r.pageXOffset; 
} 
else { 
y = r.scrollTop; 
x = r.scrollLeft; 
} 
retour (yx == 0) y: x; 
} 


neige function () { 
dy var, dx; 

for (i = 0; nombre i <; i + +) { 
dy = chute [i]; 
dx = chute [i] * Math.cos (currStep [i]); 

y [i] + = dy; 
x [i] + = dx; 

if (x [i]> = w | | y [i]> = h) { 
y [i] = -10; 
x [i] = Math.round (Math.random () * w); 
automne [i] = (sfs [i] == 1)? 
Math.round (2 + Math.random () * 2): Math.round (3 + Math.random () * 2); 
étape [i] = (sfs [i] == 1)? 
0,05 + Math.random () * 0.1: 0,05 + Math.random () * 0,05; 
} 

theFlakes [i] top = y [i] + scrl (0) + pix. 
. TheFlakes [i] à gauche = x [i] + scrl (1) + pix; 

currStep [i] + = étape [i]; 
} 
setTimeout (neige, minuterie); 
} 


function init () { 
winsize (); 
for (i = 0; nombre i <; i + +) { 
theFlakes [i] = document.getElementById ("flocon" + (idx + i)) de style. 
y [i] = Math.round (Math.random () * h); 
x [i] = Math.round (Math.random () * w); 
} 
la neige (); 
} 


if (window.addEventListener) { 
window.addEventListener ("resize", winsize, false); 
window.addEventListener ("load", init, false); 
} 
else if (window.attachEvent) { 
window.attachEvent ("onresize", winsize); 
window.attachEvent ("onload", init); 
} 

})(); 
} / / Fin. 
/ / -> 
/ / -> 
/ / -> 
/ / -> 
</ Script> <! - Flocons fin --></ p>