<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>模拟下雪的背景特效</title></head><body> <style> .drop{position:absolute; width:3; filter:flipV(),flipH(); font-size:40; color:blue} </style> <script type="text/javascript" language="javascript"> snow=false; snowsym="*"; rainsym="*"; howmany=15;//数量 if(snow){ sym=snowsym; speed=1; angle=10; drops=howmany } else{ sym=rainsym; speed=50; drops=howmany; angle=6 } //设置x，y坐标的移动方向和速度 movex=-speed/angle; movey=speed; count=0; function moverain(){ for(move=0; move<drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm=Math.round(Math.random()*1); if(xx[move]<0){ xx[move]=maxx+10;//maxx？ } if(yy[move]>maxy){ yy[move]=10; } //更改表示雪花数组元素的左边 drop[move].left=xx[move]//；有影响吗？ drop[move].top=yy[move]+document.body.scrollTop; } setTimeout('moverain','1')//“”和‘’的区别 } </script> <script type="text/javascript" language="javascript"> if(document.all){ //生成存放雪花的数组drop，存放雪花位置的数组xx，yy，表示速度的数组mv drop=new Array(); xx=new Array(); yy=new Array(); mv=new Array()//多出的；号。 ly="document.all[\'";st="\'].style"//不懂？,分号 for(make=0; make<drops; make++){ //层表示雪花 document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');//语法信息 drop[make]=eval(ly+'drop'+make+st); //设置雪花出现的最大位置 maxx=document.body.clientWidth-40; maxx=document.body.clientWidth-40//多加了分号 //设置不同雪花出现的位置 xx[make]=Math.random()*maxx; yy[make]=-100-Math.random()*manyy; drrop[make].left=xx[make] drop[make].top=yy[make]//又特么没分号 //设置雪花的移动速度 mv[make]=(Math.random()*5)+speed/16; //设置雪花的大小 drop[make].fontSize=(Math.random()*10)+20; if(snow){ col='white' } else{ col='nlue' }//又特么见单引号 drop[make].color=col; } window.onload=moverain } </script></body></html>
添加回答
举报
0/150
提交
取消