提示:请下载源代码,将雪花图片保存到自己的空间,以确保图片网址永不失效。
演示网址:http://www.kunde58.com/best/web/24snow.htm
『源代码下载』
代码如下: <script language="javascript"> <!-- Amount=20; //Smoothness! depends on image file size, the smaller the size the more you can use! //Pre-load your image below! Image0=new Image(); Image0.src="http://www.kunde58.com/best/web/photo/flake1.gif"; Image1=new Image(); Image1.src="http://www.kunde58.com/best/web/photo/flake2.gif"; Image2=new Image(); Image2.src="http://www.kunde58.com/best/web/photo/flake3.gif"; Image3=new Image(); Image3.src="http://www.kunde58.com/best/web/photo/flake4.gif"; Image4=new Image(); Image4.src="http://www.kunde58.com/best/web/photo/flake5.gif"; grphcs=new Array(5) grphcs[0]="http://www.kunde58.com/best/web/photo/flake1.gif" grphcs[1]="http://www.kunde58.com/best/web/photo/flake2.gif" grphcs[2]="http://www.kunde58.com/best/web/photo/flake3.gif" grphcs[3]="http://www.kunde58.com/best/web/photo/flake4.gif" grphcs[4]="http://www.kunde58.com/best/web/photo/flake5.gif" Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?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" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos = Math.round(Math.random()*WinHeight); Xpos = Math.round(Math.random()*WinWidth); Speed= Math.random()*3+2; Cstep=0; Step=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed*Math.sin(90*Math.PI/180); sx = Speed*Math.cos(Cstep); Ypos+=sy; Xpos+=sx; if (Ypos > WinHeight){ Ypos=-60; Xpos=Math.round(Math.random()*WinWidth); Speed=Math.random()*5+2; } if (ns){ document.layers['sn'+i].left=Xpos; document.layers['sn'+i].top=Ypos+hscrll; } else{ si.style.pixelLeft=Xpos; si.style.pixelTop=Ypos+hscrll; } Cstep+=Step; } setTimeout('fall()',10); } //--> </script> |