Текст, движущий за курсором мыши

Скрипт: Текст, движущий за курсором мыши
<html> <head> <title>Текст, движущий за курсором мыши</title> <style type="text/css"> .texttail { color:#00ff00; position:absolute; visibility:visible; top:-50px; font-size:large; font-family: monospace, san-serif; font-weight:bold; } </style> <script type="text/javascript"> var x, y; var space = 20; var flag = 0; var msg = "JavaScript в примерах"; var xpos = new Array(); var ypos = new Array(); msg = msg.split(""); for (i = 0; i <= msg.length; i++) { xpos[i] = -50; ypos[i] = -50; } function handlerMM(e) { x = (e)?e.pageX:document.body.scrollLeft + event.clientX; y = (e)?e.pageY:document.body.scrollTop + event.clientY; flag = 1; } function updateText() { if (flag == 1) { for (i = msg.length; i >= 1; i--) { xpos[i] = xpos[i - 1] + space; ypos[i] = ypos[i - 1]; } xpos[0] = x + space; ypos[0] = y; for (i = 0; i < msg.length; i++) { document.getElementById("span"+i).style.left = xpos[i]; document.getElementById("span"+i).style.top = ypos[i]; } } setTimeout("updateText()",30); } for (i = 0; i <= msg.length; i++) { document.write("<span id='span"+i+"' class='texttail'>"); document.write(msg[i]); document.write("</span>"); } document.onmousemove = handlerMM; </script> </head> <body onLoad="updateText()"> <h2>Текст, движущий за курсором мыши</h2> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты