Pantherpaw Designs Free Graphics

Floating Cursor

Simply copy and paste into your html document as indicated inside the box below. Please read the whole box first.

<!-- SUMMARY BRIEF

This DHTML script will make a text message follow
	your cursor around the screen. You can change the
	message to say whatever you want.

You can change the font face, color and size in
	the .trailersytle tag below. You can change the message
	in the javascript below that. Just look for the 
	comment that says "Insert your personal message below."

-->

<script>
<!--

var x,y
var step=20
var flag=0

// Insert your personal message below.
// Important: Do NOT remove the space at the end of the sentence!!!

var message="Your Message Here!! "
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
}

//-->
</script>

<script>
<!--

for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='trailerstyle'>")
	document.write(message[i])
    document.write("</span>")
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

//-->
</script>

example:
<body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll">