語法說明:
1.請自行修改您所要使用的飄落圖案連結網址
2.欲增加或減少出現的圖案種類,設定 Image#=new Image(); Image#.src=grphcs[#]="飄落圖案連結網址"; 即可,其中 # 代表為數字
3.在 Amount=20; 中修改圖片出現的數量
4.在 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> <!--緩緩飄落的圖案_結束--> |
nicole 發表在 痞客邦 留言(0) 人氣()