Wolf graphic trailing cursor javascript.

Hypergurl

Wolf Trailing Cursor Javascript. Here's a trailing cursor that uses a wolf graphic to trail behind the cursor.

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

Handy Tip: Images behind pointer cursors can make it easier for those with diminished eyesight to see the pointer and make their surfing experience have greater enjoyment. Custom cursors and trailing cursors also add a new dimension to web pages and can help a particular design look even better.

Click here for more javascripts

Wolf Trailing Cursor Javascript

This is a trailing cursor script with an image of a wolf, made as a special request for a hypergurl visitor. I thought it looked so nice that I would share it with all wolf lovers.

Follow the directions below and don't forget to upoad the wolf graphic to your hosting account.

STEP 1

Right click on the transparent wolf image and save this to your hard drive. Upload the wolf.gif to your webhost and place it into the same folder as your html page.

STEP 2

Copy the code for the wolf trailing cursor below and paste this between the <body> and <body> tags of your html document. There is nothing you have to change within the script.

To select the code below, click inside the text box and press the keyboards "control + A" keys. Press "control + C" keys to save to the clipboard. To paste to your html page press "control + V".

<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("wolf.gif",80,80,"wolf.gif",80,80,"wolf.gif",80,80,"wolf.gif",80,80,"wolf.gif",80,80,"wolf.gif",80,80) 
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. Enjoy!

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy

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