.drop { position: absolute; z-index:4; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue } snow = true; // false-rain; true-snow snowsym = " * " //These are the symbols for each rainsym = " ' " //You can put images here. howmany = 25 //How many drops/snowflakes? if(snow){sym = snowsym; speed=1; angle=25; drops=howmany} else{sym = rainsym; speed=50; 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()*6); if(xx[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 = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write(''); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-60 maxy = document.body.clientHeight-60 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/4; drop[make].fontSize = (Math.random()*10)+20; if(snow){col = 'white'}else{col = 'blue'} drop[make].color = col; } window.onload=moverain }