trailing text cursor code or snake trailing cursor script

Hypergurl

Javacript Trailing Cursors. Trailing text or snake cursor which trails a message of your choice behind the cursor pointer.

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

Handy Tip: Make your text message long enough to get the full effect that this great javascript code offers but not too long so the effect gets scrambled in itself. The text message can be anything you desire so play around until you get what you want.

Click here for more javascripts

Trailing Text Cursor or Snake Cursor

Here is a Trailing Cursor script where a text message trails behind the pointer.
The script works much better with a short message.
This is a 3 stage script to install.

You only need to change the message part in the first section of the javascript. The space behind the message is important. Do not close the gap

First. Copy and paste this part of the script into the <head> of your html document.

<style> .spanstyle { position:absolute; 
visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:bold; 
color:black; } </style> <script> /* Cursor Trailor Text- By Peter 
Gehrig (http://www.24fun.ch/) Distributed by Hypergurl. For more java scripts 
visit Hypergurl.com http://www.hypergurl.com */ var x,y var step=20 var flag=0 
// Welcome to Hypergurl!!! var message="Hypergurl Webhosting! " message=message.split("") 
var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var 
ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function 
handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX 
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 
} function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; 
i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y 
for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") 
thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && 
document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step 
ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; 
i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] 
thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script>

The second part goes into the <body>

Finally the third part goes directly into the <body> tag.

Search Site

Custom Search

Home | Sitemap | Email Hypergurl | Privacy Policy

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