SnowFall
This script depicts falling snow. You can specify how many flakes to fall and how fast.
1: Copy and paste the following style declaration in the HEAD section of your page:
Select all...
<style type="text/css"> .snow { position:absolute; layer-background-color:lightblue; visibility:visible; top:-50px; font-size:1px; background-color:lightblue; } </style>
2: Copy and paste the following javascript just before the end of the BODY section of your page:
Select all...
<script language="javascript"> var snowflakes=50; //NUMBER OF OBJECTS YOU WANT. var level=2; //SPEED LEVEL 1 to 5. 1=SLOWER, 5=FASTER var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var t=''; var w_x, w_y; var snow=new Array(); for(i=1;i<=snowflakes;i++)t+='
'; document.write(t); function getstartpos(obj){ obj.size=Math.floor(Math.random()*5)+1 obj.ystep=obj.size*level; obj.xstep=obj.ystep/5; if(ns4)obj.clip.width=obj.clip.height=obj.size; else obj.style.width=obj.style.height=obj.size; moveidto(obj,Math.floor(Math.random()*w_x)-obj.size,0); } function movedrop(){ for(i=1;i<=snowflakes;i++){ var l=(ns4)?snow[i].left:parseInt(snow[i].style.left); var t=(ns4)?snow[i].top:parseInt(snow[i].style.top); var pxo=(ie4||ie5)?document.body.scrollLeft:pageXOffset; var pyo=(ie4||ie5)?document.body.scrollTop:pageYOffset; if( (t+snow[i].ystep+snow[i].size>=w_y+pyo) || (snow[i].xpos-snow[i].size
3: Adjust the settings in the script to your liking.