Santa trailing cursor javascript.

Hypergurl

Christmas Trailing Cursor Javascript. Speeding Santa Trailing Cursor Effect.

Home | Javascripts | Javascript Generators | HTML Tutorial | CSS Scripts | Free Online Games | iPhone Apps | Templates | Site Map

Handy Tip : Adding a bit of style to a web page at Christmas time doesn't need to be in huge graphics that slow loading time down. This Santa trailing cursor is easy to install and gives your web page a Christmas theme.

Click here for more javascripts

Santa Trailing Cursor or Christmas 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>

Merry Christmas!

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy

Site design copyright 2000 - 2011 © Tanya Puntti Hypergurl.com