Trucs et Astuces Web

Ceci n'est pas un code Javascript

Pour créer une pluie de Coeur,

Copier/Coller le code ci-dessous :

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

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

(function(){ 

//Configure here. 

var num = 3; //Number of flakes 
var timer = 80; //setTimeout speed. Varies on different comps 
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no). 
var url_gif= " http://www.gifs-animes.net/images-image/Amour/Coeurs/Coeurs-14.gif"; // adresse de l'image 

//End. 

var y = []; 
var x = []; 
var fall = []; 
var theFlakes = []; 
var sfs = []; 
var step = []; 
var currStep = []; 
var h,w,r; 
var d = document; 
var pix = "px"; 
var domWw = (typeof window.innerWidth == "number"); 
var domSy = (typeof window.pageYOffset == "number"); 
var idx = d.getElementsByTagName('div').length; 

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

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

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



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

currStep[i] = 0; 
fall[i] = (sfs[i] == 1)? 
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
step[i] = (sfs[i] == 1)? 
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05; 
} 


if (domWw) r = window; 
else{ 
if (d.documentElement && 
typeof d.documentElement.clientWidth == "number" && 
d.documentElement.clientWidth != 0) 
r = d.documentElement; 
else{ 
if (d.body && 
typeof d.body.clientWidth == "number") 
r = d.body; 
} 
} 


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


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


function snow(){ 
var dy,dx; 

for (i = 0; i < num; i++){ 
dy = fall[i]; 
dx = fall[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); 
fall[i] = (sfs[i] == 1)? 
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); 
step[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].left = x[i] + scrl(1) + pix; 

currStep[i]+=step[i]; 
} 
setTimeout(snow,timer); 
} 


function init(){ 
winsize(); 
for (i = 0; i < num; i++){ 
theFlakes[i] = document.getElementById("flake"+(idx+i)).style; 
y[i] = Math.round(Math.random()*h); 
x[i] = Math.round(Math.random()*w); 
} 
snow(); 
} 


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); 
} 

})(); 
}//End. 
// --> 
// --&gt; 
// --&gt; 
// --&gt; 
</script> <!-- fin flocons --></p>