緩緩飄落2

語法說明：

請自行修改您所要使用的飄落圖案連結網址

欲增加或減少出現的圖案種類，設定 Image#=new Image(); Image#.src=grphcs[#]="飄落圖案連結網址"; 即可，其中 # 代表為數字

在 Amount=20; 中修改圖片出現的數量

在 setTimeout('fall()',100); 中修改圖片飄落的速度，數值越大就越慢，越小越快

<SCRIPT Language="JavaScript"> 
<!--
grphcs=new Array()
Image0=new Image(); 
Image0.src=grphcs[0]="飄落圖案連結網址"; 
Image1=new Image(); 
Image1.src=grphcs[1]="飄落圖案連結網址"
Image2=new Image(); 
Image2.src=grphcs[2]="飄落圖案連結網址"

Amount=20; 
Ypos=new Array(); 
Xpos=new Array(); 
Speed=new Array(); 
Step=new Array(); 
Cstep=new Array(); 
ns=(document.layers)?1:0; 
ns6=(document.getElementById&&!document.all)?1:0;

if (ns){ 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); 
} 
} 
else{ 
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); 
for (i = 0; i < Amount; i++){ 
var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; 
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 
} 
document.write('</div></div>'); 
} 
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
for (i=0; i < Amount; i++){ 
Ypos[i] = Math.round(Math.random()*WinHeight); 
Xpos[i] = Math.round(Math.random()*WinWidth); 
Speed[i]= Math.random()*5+3; 
Cstep[i]=0; 
Step[i]=Math.random()*0.1+0.05; 
} 
function fall(){ 
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; 
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ 
sy = Speed[i]*Math.sin(90*Math.PI/180); 
sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy; 
Xpos[i]+=sx; 
if (Ypos[i] > WinHeight){ 
Ypos[i]=-60; 
Xpos[i]=Math.round(Math.random()*WinWidth); 
Speed[i]=Math.random()*5+3; 
} 
if (ns){ 
document.layers['sn'+i].left=Xpos[i]; 
document.layers['sn'+i].top=Ypos[i]+hscrll; 
} 
else if (ns6){ 
document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); 
document.getElementById("si"+i).style.top=Ypos[i]+hscrll; 
} 
else{ 
eval("document.all.si"+i).style.left=Xpos[i]; 
eval("document.all.si"+i).style.top=Ypos[i]+hscrll; 
} 
Cstep[i]+=Step[i]; 
} 

setTimeout('fall()',100); 
}

window.onload=fall 
-->
</SCRIPT>