This javascript cut & paste code snippet allows cursor text effect! Amaze your visitors with this easy to place code!

Place this code into the HEAD of HTML document

<!-- START DEMONSTRATION HERE --> <style> .spanstyle { COLOR: ffffff; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <script language="JavaScript" type="text/javascript"> <!-- Original: Peter Gehrig --> <!-- Web Site: http://www.24fun.ch --> <!-- This script and many more found at http://www.designerwiz.com --> <!-- Development Resource & JavaScript Public Archive Center --> <!-- Begin var x, y; var step = 10; var flag = 0; var message = "JavaScript is awesome !! "; 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()", 10); } // End --> </script> <!-- END DEMONSTRATION HERE -->

Insert this code directly into the BODY tag

style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" onLoad="makesnake();"

Insert this code into the BODY area

<script language="JavaScript" type="text/javascript"> <!-- Begin for (i = 0; i <= message.length-1; i++) { document.write("<span id='span"+i+"' class='spanstyle'>"); document.write(message[i]); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // End --> </script>

Simply Cut and Paste code snippet
Be sure to properly place script position in head / body tag / body document of html
Working example of this script seen here

This script has been in the DesignerWiz.com Public Library.