Halloween Trailing Cursor

Below you will learn how to add
Halloween Trailing Cursors
to your existing website. We have
used an example of this script as
you can see it here on this page.

Welcome to cursor.com

Google

Halloween Trailing Cursor

Here's a great trailing cursor effect for your Halloween page. Freda the Friendly Witch will follow your mouse cursor around your page. Fantastic and fun!

STEP 1

Copy this transparent gif to your hard drive and upload this to your server. Place the image into the same folder as your webpages.

(Friendly Freda Graphic kindly supplied by Mail Montage )

STEP 2

Copy and paste the script below and place it directly below the <body> tag of your html document. Nothing to alter.

<script> /* Cross browser cursor trailer script Copyright Brian Caputo (bcaputo@icdc.com) distributed by http://hypergurl.com (Hypergurl) Do not remove this copyright information! */ B=document.all; C=document.layers; T1=new Array("freda.gif",50,50,"freda.gif",50,50,"freda.gif",50,50,"freda.gif",50,50,"freda.gif",50,50,"freda.gif",50,50) nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2 ) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate) </script>