Easter trailing cursor javascript.

Easter Trailing Cursor
Trailing Cursor Javascript with Easter Egg Trail

Handy Tip: Easter is a great time for treats, so why not treat your website visitors as well with an Easter egg trailing cursor. it will surely put a smile on their faces.

Bookmark This Page

Easter Egg Trailing Cursor by Urs Dudli and Peter Gehrig

Make your website a treat this Easter with this great trailing cursor javascript. Easter egg images trail behind your mouse pointer and give your webpage a fantastic Easter feel.

Installation.

STEP 1

Download the 3 Easter egg images to your computer and upload them to your webhost. Place the egg images into the same folder as your webpage.

Egg1.gif Egg2.gif Egg3.gif

STEP 2

Copy and paste the code below right below the <body> tag of your html document. Do not place the script into any containers (div or tables).

<div 
id="span0" style="position:absolute;visibility:hidden;"><img 
src="egg1.gif"></div> <div id="span1" style="position:absolute;visibility:hidden;"><img 
src="egg2.gif"></div> <div id="span2" style="position:absolute;visibility:hidden;"><img 
src="egg3.gif"></div> <div id="span3" style="position:absolute;visibility:hidden;"><img 
src="egg1.gif"></div> <div id="span4" style="position:absolute;visibility:hidden;"><img 
src="egg2.gif"></div> <div id="span5" style="position:absolute;visibility:hidden;"><img 
src="egg3.gif"></div> <div id="span6" style="position:absolute;visibility:hidden;"><img 
src="egg1.gif"></div> <div id="span7" style="position:absolute;visibility:hidden;"><img 
src="egg2.gif"></div> <div id="span8" style="position:absolute;visibility:hidden;"><img 
src="egg3.gif"></div> <script> // CREDITS: // Easter 
Cursor Trailer // by Urs Dudli and Peter Gehrig // Copyright (c) 2001 Peter Gehrig 
and Urs Dudli. All rights reserved. // Distributed by http://www.hypergurl.com 
// Permission given to use the script provided that this notice remains as is. 
var step=8 var stepbasic=8 var numberofimages=8 var spacebetweenimgs=30 var x,y 
var flag=0 var xpos=new Array() var ns6=document.getElementById&&!document.all?1:0 
for (i=0;i<=8;i++) { xpos[i]=-100 } var ypos=new Array() for (i=0;i<=numberofimages;i++) 
{ ypos[i]=-100 } function handlerMM(e) { x = (document.layers || ns6) ? e.pageX 
: document.body.scrollLeft+event.clientX y = (document.layers || ns6) ? e.pageY 
: document.body.scrollTop+event.clientY flag=1 } function initiatetracker() { 
if (document.all) { for (i=0; i<numberofimages; i++) { var thisspan=eval("span"+(i)+".style") 
thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] thisspan.visibility="visible" 
} makesnake() } if (ns6) { for (i=0; i<numberofimages; i++) { document.getElementById("span"+i).style.left=xpos[i] 
document.getElementById("span"+i).style.top=ypos[i] document.getElementById("span"+i).style.visibility="visible" 
} makesnake() } if (document.layers) { for (i=0; i<numberofimages; i++) { var 
thisspan=eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] 
thisspan.visibility="visible" } makesnake() } } function makesnake() 
{ if (flag==1 && document.all) { for (i=numberofimages; i>=1; i--) 
{ xpos[i]=xpos[i-1]+spacebetweenimgs ypos[i]=ypos[i-1] } xpos[0]=x+stepbasic ypos[0]=y 
for (i=0; i<numberofimages; i++) { var thisspan = eval("span"+(i)+".style") 
thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } if (flag==1 && ns6) 
{ for (i=numberofimages; i>=1; i--) { xpos[i]=xpos[i-1]+spacebetweenimgs ypos[i]=ypos[i-1] 
} xpos[0]=x+stepbasic ypos[0]=y for (i=0; i<numberofimages; i++) { document.getElementById("span"+i).style.left=xpos[i] 
document.getElementById("span"+i).style.top=ypos[i] } } else if (flag==1 
&& document.layers) { for (i=numberofimages; i>=1; i--) { xpos[i]=xpos[i-1]+spacebetweenimgs 
ypos[i]=ypos[i-1] } xpos[0]=x+stepbasic ypos[0]=y for (i=0; i<numberofimages; 
i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] 
thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } if 
(document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove=handlerMM; 
window.onload=initiatetracker </script>

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name
Click for more info!

Home

Easter Trailing Cursor Trailing Cursor Javascript with Easter Egg Trail

Easter Trailing Cursor
Trailing Cursor Javascript with Easter Egg Trail