2015-12-27 回答
以下的代码就可以,lz自己在*的地方填入星星的图片就可以了
<body bgcolor=#ee3300>
<style>
.drop { position: absolute; width: 3; filter: flipv(), fliph(); font-size: 40; color: #ffffff }
</style>
<script language="javascript">
snow = false; // false-rain; true-snow
snowsym = " * " file://these are the symbols for each
rainsym = " * " file://you can put images here.
howmany = 20 file://how many drops/snowflakes?
/**************do not need to change anything below***********/
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=30; drops=howmany; angle=6}
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;}
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 language="javascript">
if (document.all){
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
maxy = document.body.clientheight-40
xx[make] = math.random()*maxx;
yy[make] = -100-math.random()*maxy;
drop[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 = 'white'}
drop[make].color = col;
}
window.οnlοad=moverain
}
</script>
</body>