Drags a text message, such as your site's name, around the screen behind the mouse cursor. Useful as an attention-grabber on the main page of your site.
Add the below code to the <body> section of your page:
<style>.spanstyle {
COLOR:red;FONT-FAMILY:Verdana;FONT-SIZE:8pt;FONT-WEIGHT:bold;POSITION:absolute;TOP:-50px;VISIBILITY:visible }
body { OVERFLOW-X:hidden;OVERFLOW-Y:scroll;WIDTH:100% } </style> <scriptlanguage="javascript"type="text/javascript"> /* Visit http://www.yaldex.com/
for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin varx,y; var
step =10; var
flag =0;
varmessage="JavaScript is so cool !! "; message=message.split(""); var
xpos =newArray(); for(i
=0;
i <=message.length-1;
i++){ xpos[i]=-50;
} var
ypos =newArray(); for(i
=0;
i <=message.length-1;
i++){ ypos[i]=-50;
} function
handlerMM(e){ x=(!document.all)?
e.pageX:document.body.scrollLeft+event.clientX; y=(!document.all)?
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("document.getElementById('span"+
i +"').style"); thisspan.posLeft=
xpos[i]; thisspan.posTop=
ypos[i]; }
} elseif(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("document.getElementById('span"+
i +"').style"); thisspan.left=
xpos[i]; thisspan.top=
ypos[i]; }
} var
timer =setTimeout("makesnake()",10);
} window.onload=
makesnake; // End --> </script>
<SCRIPTLANGUAGE="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.all){ document.captureEvents(Event.MOUSEMOVE);
} document.onmousemove=
handlerMM; // End --> </script>