Sparkler trailing cursor javascript.

Sparkler Trailing Cursor Javascript
Sparklers trail behind mouse cursor

Handy Tip: Adding some fun to your homepage with the use of cursors can help increase your visitors enjoyment. If a visitor enjoys coming to your site, then you've certainly made a great start.

Bookmark This Page | Click here for more javascripts

Sparkler Mouse Trail Javascript by Mike McGrath

Brilliant trailing cursor javascript effect that trails sparkles behind the mouse cursor. The cursor effect looks okay on a white background but is stunning on darker backgrounds. No images required.

Check it out and grab the code for your website now!

STEP 1

Copy the code below and paste this between the <head> and </head> of your html document.

STEP 2

Copy the code below and paste this straight below the <body> tag of your html document.

<DIV ID="div1" CLASS="s1">*</DIV> 
<DIV ID="div2" CLASS="s2">*</DIV> <DIV ID="div3" 
CLASS="s3">*</DIV> <DIV ID="div4" CLASS="s4">*</DIV> 
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> 
/* Original by Mike McGrath http://website.lineone.net/~mike_mcgrath Distributed 
by http://www.hypergurl.com */ var nav = (document.layers); var tmr = null; var 
spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); 
document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX 
: event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; 
x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) 
{ eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); 
eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); 
eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); 
} n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); 
fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); 
else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); 
} else clearTimeout(tmr); } // --> </SCRIPT>

ENJOY!

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Home