<!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>
相关分类