AutoScripter(tm) - Follow the Cursor

It certainly is a gimmick. But what the heck? Sometimes it just makes life more fun to surprise visitors to your page...

Microsoft® Internet Explorer visitors will get a color change on the cursor followers every 10 seconds. But Netscape® visitors will have to content themselves with just one color. Because the rewrites for color changes tended to crash the latter browser. And who wants crashes?

You may download the script and images:

Macintosh® BinHex Windows® Zipped

Or simply grab the images (right-click or click and hold) here:

0.gif 1.gif 2.gif 3.gif 4.gif 5.gif 6.gif

Simply copy by using Control-c or Apple-c into a new document named "cf.html" (or any other name that pleases you)

Simply copy using Control-c or Apple-c and paste it into a new document named "cf.js".

var cmd='.visibility="hidden"'; var cmd=(document.layers?'layer'+cmd:'layer.style'+cmd); var ctr=0; var ctr1=0; var followers=new Array(); // for extra images for explorer var nr=6; // Preload the images into cache var img=new Array(); for (var i=0;i<7;i++){ img[i]=new Image(); img[i].src="balls/"+i+".gif"; } var im=new Array(); for (var i=0;i<7;i++){ im[i]="<IMG SRC=balls/"+i+".gif HEIGHT=10 WIDTH=10 BORDER=0>"; } if (document.all){ setTimeout('chgIt()',5000); // explorer changes ok } function chgIt(){ ctr1++; ctr1=(ctr1>6?0:ctr1); bgnIt1(); setTimeout('chgIt()',10000); } function hideIt(){ for(var i=0;i<nr;i++){ with (followers[i]){ if (old<nr){ if (++old==nr) eval(cmd); } } } } function makeIt(ID){ if (document.layers){ this.layer=new Layer(0); this.layer.visibility = "hidden"; this.layer.document.write(im[ctr1]); this.layer.document.close(); } else{ eval('this.layer=document.all.a'+ID); } this.old=nr; } function cursor(e){ ctr=(++ctr<nr?ctr:0); followers[ctr].old=0; if (document.layers){ followers[ctr].layer.visibility="show"; followers[ctr].layer.left=e.pageX; followers[ctr].layer.top=e.pageY+5; } else{ followers[ctr].layer.style.visibility="visible"; followers[ctr].layer.style.pixelLeft=event.clientX+document.body.scrollLeft; followers[ctr].layer.style.pixelTop=event.clientY+ document.body.scrollTop+5; } } function cursor1(e){ ctr=(++ctr<nr?ctr:0); followers[ctr].old=0; if (document.layers){ followers[ctr].layer.visibility="hide"; followers[ctr].layer.left=e.pageX; followers[ctr].layer.top=e.pageY+5; } } function bgnIt() { if (document.all||document.layers){ for (var i=0;i<nr;i++){ followers[i]=new makeIt(i); if (document.layers) document.captureEvents(Event.MOUSEMOVE); document.onmousemove=cursor; } setInterval("hideIt();",40); } } if (document.all){ for (var x=0; x<nr; x++){ document.write('<DIV ID="a'+x +'" STYLE="position:absolute;visibility:hidden;">' +im[ctr1]+'</DIV>'); } } function bgnIt1(){ a0.innerHTML=im[ctr1]; a1.innerHTML=im[ctr1]; a2.innerHTML=im[ctr1]; a3.innerHTML=im[ctr1]; a4.innerHTML=im[ctr1]; a5.innerHTML=im[ctr1]; }