Uncle Jims Web Designs: Cursor Trailer

SCRIPT INSTALLATION

Insert Code Between Head Tags: <HEAD></HEAD>

// CREDITS:
// Design and creation by Jim Stiles.
// Original concept by Urs Dudli and Peter Gehrig

// CONFIGURATION:
// Configure the variables below.
// The style and script-block below the body-tag are also part of the script.
// Initiate the script with onLoad="clearmessage()" inside the body-tag.

// Choose fontfamily, fontsize and fontcolor of the dancing letters
var textfont="Verdana"
var textsize=12
var textcolor="000066"

// This is the space (pixels) between the letters. 
// You should increase this number for larger fonts.
var letterspace=12

// Replace these messages with your messages. 
// Add as many messages as you like.
var msg=new Array()
msg[0]="MESSAGE ONE"
msg[1]="MESSAGE TWO"
msg[2]="MESSAGE THREE"
msg[3]="MESSAGE FOUR"

// The higher the maxloop-value the longer each message will stay
var maxloop=50
var x,y
var step=20
var flag=0
var timer
var msglength=msg[0].length-1
var i_mes=0
var loopcounter=0
var xpos=new Array()
var ypos=new Array()
for (i=0; i<=msg.length-1;i++) {
    msg[i]=msg[i]+" "
}
for (i=1; i<=msg.length-1;i++) {
    if(msg[i].length-1 >= msg[i-1].length-1) {msglength=msg[i].length-1}
}
for (i=0; i<=msglength-1;i++) {
    xpos[i]=0
	ypos[i]=0
}
if (document.layers) {
	if (textsize>20) {textsize=6}
	else if (textsize>20) {textsize=5}
	else if (textsize>14) {textsize=4} 
	else if (textsize>10) {textsize=3}
	else if (textsize>8) {textsize=2}
	else if (textsize<=7) {textsize=1}
}
function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
	flag=1
}
function makesnake() {
	if (flag==1 && loopcounter<=maxloop) {
		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
		if (document.all) {
			for (i=0; i<message.length-1; i++) {
    			var thisspan = eval("document.all.span"+(i)+".style")
    			thisspan.posLeft=xpos[i]
				thisspan.posTop=ypos[i]
    		}
		}
		if (document.layers) {
			for (i=0; i<message.length-1; i++) {
    			var thisspan = eval("document.span"+i)
    			thisspan.left=xpos[i]
				thisspan.top=ypos[i]
    		}
		}
		loopcounter++
		timer=setTimeout("makesnake()",20)
	}
	else {
		clearTimeout(timer)
		clearmessage()
	}
}

// - End of JavaScript - -->
</script>

<STYLE>
.spanstyle {
	position:absolute;
    left:-5000px;
}
.message1 {
	position: absolute; 
	top:10px; 
	left:20px;  
    width:640px;
	color:000066;
	font-size:8pt;
	font-family:Verdana;
}
.message2 {
	position: absolute; 
	top:200px; 
	left:20px;  
    width:640px;
	color:000066;
	font-size:8pt;
	font-family:Verdana;
}

A { 
	color:ff0000;
}
A:Hover { 
	color:00ffff;
}
</STYLE>

Insert Code Directly into Body Tag: <BODY 'CODE HERE'>

Place this code directly under the BODY tag:

Additional Instructions: