Halloween trailing cursor javascript for Halloween webpage.

Hypergurl

Halloween Trailing Cursor Javascript. Halloween trailing cursor effect for webpages.

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

Handy Tip: If you own a family or childrens website, what better way is there, than to finish off a halloween theme with a witch cursor. Your visitors will love it.

Click here for more javascripts

Halloween Trailing Cursor

Here's a great trailing cursor effect for your Halloween webpage. 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 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>

That's it! Happy Halloween!

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy

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