DHTML JavaScript Snowing Links Code Effect

DHTML JavaScript Snowing Links Code Effect
Launch wintertime with this unique snowing script and surprise your visitors with this charming DHTML-animation. The script makes your links start snowing on rollover. Easy configuration of colors, number of snowflakes, size and speed. IE5x/6x, NS6x/7x, Mozilla 1x, Opera 7x. Brought to you by www.24fun.com

Test the Script
Just move your mouse over this link to see the snowing effect.

Configuration:

Step 1: Open your web page that will display the DHTML JavaScript snowing links code effect. Insert the following code right above the </body>-tag:

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the width of the snowing-zone (pixels)
var snowboxwidth=100

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var marginleft
var margintop
var snowingzone=1
var posleft
var postop
var is_snowing=false
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera

function randommaker(range) {		
	rand=Math.floor(range*Math.random())
    return rand
}

function stopsnow() {
	is_snowing=false
}

function getcoordinates(e) {
	if (ie5 || opera) {
		posleft=document.body.scrollLeft+window.event.x;
		postop=document.body.scrollTop+window.event.y;
	}
	if (ns6) {
		posleft=e.pageX
		postop=e.pageY
	}
}

for (i=0;i<=snowmax;i++) {
	document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
	document.onmousemove=getcoordinates
}
</script>

Step 2: Go to the top of the script and configure the number of snowflakes, snowing-zone, speed and colors.

Step 3: Paste the red code below into any text link or image link that you want to animate:
<a href="http://www.google.com" onMouseOver="startsnow()" onMouseOut="stopsnow()">sample link<a>