This JavaScript codecan be used to be that a mouse cursor pointer was just a mouse cursor. Since DHTML came along and gave programmers the ability to track the precise coordinates of the mouse, it was...
detail at
JavaScriptBank.com - 2.000+ free JavaScript codes
How to setup
Step 1: Place CSS below in your HEAD section
CSS
Code:
<STYLE>.spanstyle {
FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; POSITION: absolute; TOP: -50px
}
</STYLE>
Step 2: Copy & Paste JavaScript code below in your HEAD section
JavaScript
Code:
<SCRIPT>
/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
*/
var moves=17
var tracker=0
var xpos
var ypos
var cursortext='JavaScriptBank.com - Bank of over 2000+ free JavaScript'
cursortext=cursortext.split("")
function setup() {
if (tracker==1 && document.all) {
for (i=cursortext.length-1; i>=1; i--) {
xposition[i]=xposition[i-1]+moves
yposition[i]=yposition[i-1]
}
xposition[0]=xpos+moves
yposition[0]=ypos
for (i=0; i<cursortext.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xposition[i]
thisspan.posTop=yposition[i]
}
}
else if (tracker==1 && document.layers) {
for (i=cursortext.length-1; i>=1; i--) {
xposition[i]=xposition[i-1]+moves
yposition[i]=yposition[i-1]
}
xposition[0]=xpos+moves
yposition[0]=ypos
for (i=0; i<cursortext.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xposition[i]
thisspan.top=yposition[i]
}
}
var timer=setTimeout("setup()",40)
}
function MouseMovement(e)
{
xpos = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
ypos = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
tracker=1
}
var xposition=new Array()
for (i=0;i<=cursortext.length-1;i++) {
xposition[i]=-50
}
var yposition=new Array()
for (i=0;i<=cursortext.length-1;i++) {
yposition[i]=-50
}
/*hieu ung di chuyen chuot*/
for (i=0;i<=cursortext.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(cursortext[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = MouseMovement;
</SCRIPT>
Step 3: Copy & Paste HTML code below in your BODY section
HTML
Code:
<BODY onload=setup()>
</body>