Santa Trailing Cursor

Below you will learn how to add
Santa 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

Santa Trailing Cursor

Another great trailing cursor with a Christmas theme. Santa is speeding behind your mouse cursor leaving little images of himself behind where-ever he goes. Fantastic trailing cursor effect to brighten up your Christmas page.

STEP 1

Copy the Speeding Santa transparent image to your computer and upload the image to your web host. Place the image into the same folder as your webpages.

Speeding Santa graphic courtesy of Mail Montage

STEP 2

Copy the Christmas trailing cursor script below and paste the code directly after the <body> tag of your html document. Nothing at all to alter.

<script> /* Cross browser cursor trailer script by 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("speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.gif",50,50,"speedingsanta.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>