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.

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!

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy