Halloween trailing cursor javascript for Halloween webpage.

Freda the friendly witch flies across your webpage with this great Halloween trailing cursor.

Halloween Trailing Cursor Javascript
Halloween trailing cursor effect for webpages

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.

Bookmark This Page | 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 (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>

That's it! Happy Halloween!

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name
Click for more info!

Email Hypergurl

Link To Hypergurl

Site design copyright 2001-2006 � hypergurl.com