DHTML Animated Cursor Arrow Trailer Code

DHTML Animated Arrow Cursor Trailer Code
Surprise your visitors with this unique DHTML Animated Cursor Arrow Trailer code
.... cursor-cursor-cursor-cursor-cursor-trailer. Copy & Paste configuration. Cross-browser (Not NN6).

Test the Animated Cursor Arrow Trailer Code
Just move your mouse cursor over this page to test the DHTML Animated Cursor Arrow Trailer code.

Installation
Step 1: Download this arrow-image

and put it into the same folder as your web page.

Step 2: Open your web page. Paste the following code right above the </body> tag:

// IMPORTANT: 
// If you add this script to a script-library or script-archive 
// you have to add a link to http://www.fabulant.com on the webpage 
// where this script will be running.

// CONFIGURATION:
// Visit http://www.fabulant.com and download the script as ZIP-file which contains 
// all pictures as well as copy-and-paste instructions for easy installation.
var step=8 
var stepbasic=0
var numberofimages=8
var spacebetweenimgs=0
if (document.all) {
	var differencex=-6
	var differencey=-4
}
if (document.layers) {
	var differencex=-4
	var differencey=-2
}
var x,y
var flag=0
var xpos=new Array()
for (i=0;i<=8;i++) {
	xpos[i]=-100
}

var ypos=new Array()
for (i=0;i<=numberofimages;i++) {
	ypos[i]=-100
}

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
}

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=handlerMM;
window.onload=initiatetracker;
</script>

IMPORTANT: Do not paste this code into tables cells nor between <DIV> and </DIV> tags nor between any other container tags!

Download 500 free copy-and-paste scripts

Like this code snippet? Why not share it with others by copying this page URL: