View Single Post
  #4  
Old 05-21-2010, 07:59 PM
JavaScriptBank JavaScriptBank is offline
Senior Member
GB Guru
 
Join Date: Sep 2009
Posts: 180
Default Waving Text Trailer

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>





Reply With Quote