网页特效.docx
《网页特效.docx》由会员分享,可在线阅读,更多相关《网页特效.docx(23页珍藏版)》请在冰豆网上搜索。
![网页特效.docx](https://file1.bdocx.com/fileroot1/2022-12/30/e44de05e-fd21-47ff-b737-ecad0ba32355/e44de05e-fd21-47ff-b737-ecad0ba323551.gif)
网页特效
模拟下雪景象
脚本说明:
把如下代码加入
区域中
.drop{position:
absolute;width:
3;filter:
flipV(),flipH();font-size:
40;color:
blue}
snow=false;//false-rain;true-snow
snowsym="*"//Thesearethesymbolsforeach
rainsym="*"//Youcanputimageshere.
howmany=15//Howmanydrops/snowflakes?
/**************Donotneedtochangeanythingbelow***********/
if(snow){sym=snowsym;speed=1;angle=10;drops=howmany}
else{sym=rainsym;speed=50;drops=howmany;angle=6}
movex=-speed/angle;movey=speed;count=0;
functionmoverain(){
for(move=0;movexx[move]+=movex;yy[move]+=mv[move];
hmm=Math.round(Math.random()*1);
if(xx[move]<0){xx[move]=maxx+10;}
if(yy[move]>maxy){yy[move]=10;}
drop[move].left=xx[move]
drop[move].top=yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
if(document.all){
drop=newArray();xx=newArray();yy=newArray();mv=newArray()
ly="document.all[\'";st="\'].style"
for(make=0;makedocument.write(''+sym+'