LinkExploder 3: rollover fireworks for your links

Link Exploder 3: the rollover fireworks for your links
Our most popular rollover firework has been improved and simplified! No images required anymore! Now you create the sparkles with simple letters and words. Move your mouse over this text link or move it over this text link or move it over this text link and experience a sparkling effect. Easy step-by-step configuration. IE4x/5x/6x, NS4x/6x/7x, Opera7x.

Configuration:

Step 1: Open your web page and paste 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 link to http://www.24fun.com on the webpage 
// where this script will be running.

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////
		
// Set the number of sparkles. Add or remove as many as you like.    
var sparklenumber=20

// Set the fonts that create the sparkles. Add or remove as many as you like.
var sparklefont=new Array("Arial","Times","Comic Sans MS")

// Set the sizes of sparkles (pixels). Add or remove as many as you like.
var sparklesize=new Array(5,10,15,20)

// Set colors of sparkles. Add or remove as many as you like.
var sparklecolor=new Array("#FF0000","#000066","#444400","#006600")

// Set the speed (higher=slower)
var speed=20

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

// Do not edit below this line
var sparklesizeNS4=new Array()
var x_sparklepos
var y_sparklepos
var x,y
var x_random=new Array()
var y_random=new Array()
var max_explsteps=80
var i_explsteps=0
var i_color=0
var i_size=0
var i_font=0
var marginbottom
var marginright
var sparklewidth=20
var sparkleheight=20
var isloaded=false

var browserinfos=navigator.userAgent 
var ie4=document.all&&!document.getElementById&&!browserinfos.match(/Opera/)
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns4=document.layers
var ns6=!document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)  
var browserok=ie4||ie5||ns4||ns6||opera

for (i=0;i<=sparklesize.length;i++) {
	sparklesizeNS4[i]=Math.round(sparklesize[i]/5)
	if (sparklesizeNS4[i]<1) {sparklesizeNS4[i]=1}
	if (sparklesizeNS4[i]>7) {sparklesizeNS4[i]=7}
}

function initlinkexploder() {
	isloaded=true
}

function handlerMM(e){
	x = (ns4||ns6) ? e.pageX : document.body.scrollLeft+event.clientX
	y = (ns4||ns6) ? e.pageY : document.body.scrollTop+event.clientY
}

if (ns4){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;

document.write("<style>")
document.write(".spanstyle {")
document.write("position:absolute;")
document.write("visibility:hidden;")
document.write("}")
document.write("</style>")

for (i=0;i<=sparklenumber;i++) {
	if (ie4||ie5||ns6||opera) {
    	document.write("<div id='span"+i+"' class='spanstyle' style='font-family:"+sparklefont[i_font]+";font-size:"+sparklesize[i_size]+"px;color:"+sparklecolor[i_color]+";'>")
    	document.write(".")
    	document.write("</div>")
    	i_color++;i_font++;i_size++;
    	if (i_color>=sparklecolor.length) {i_color=0}
		if (i_font>=sparklefont.length) {i_font=0}
		if (i_size>=sparklesize.length) {i_size=0}
	}
	if (ns4) {
    	document.write("<div id='span"+i+"' class='spanstyle'>")	
		document.write("<font face="+sparklefont[i_font]+" color="+sparklecolor[i_color]+" size="+sparklesizeNS4[i_size]+">")
    	document.write("....")
		document.write("</font>")
    	document.write("</div>")
    	i_color++;i_font++;i_size++;
    	if (i_color>=sparklecolor.length) {i_color=0}
		if (i_font>=sparklefont.length) {i_font=0}
		if (i_size>=sparklesizeNS4.length) {i_size=0}
	}
}
if (browserok) {
	window.onload=initlinkexploder
}
</script>

IMPORTANT: Do not paste the code into tables or <DIV> and </DIV> tags or inside any other container tags!

Step 2: Open your web page and put the red code into any text link or image link you like:
<a href="http://www.google.com" onMouseOver="startexplosion('love')">my link</a>
Replace the the blue word (love) with a word or letter of your choice. Take care that the brackets remain as in this sample!

Step 3: Open your web page and configure the speed as well as the sizes, colors, fonts and numbers of the sparkles.

Download 500 free copy-and-paste scripts