Trailing Text Cursor or Snake Cursor

Below you will learn how to add
Trailing Text Cursor or Snake Cursors
to your existing website. We have
used an example of this script as
you can see it here on this page.

Welcome to cursor.com

Google

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 script. 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>

<script>  </script>

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

Copyright 2004, Cursor.com, All Rights Reserved