Cursor Trailer

**Robin34221** · 06-19-2008, 06:56 PM

I am trying to put a cursor trailer on my eteamz websit (this type: http://www.dynamicdrive.com/dynamici...circletext.htm) but when I copy and past, it does not work. Clearly, I am missing a key componet. If anyone has worked with this issue in the past, I would welcome some assistance.

Thank you so very much.

Frustrated

Robin@thelonghorns.us

**Nile** · 06-19-2008, 08:31 PM

This script only works in IE5+. You may want to look for a different one.

**Robin34221** · 06-19-2008, 08:33 PM

Where would I look for something like the circling words for an eteamz website? Thank you for your help.

Robin

**Nile** · 06-19-2008, 08:52 PM

If it doesn't have to be scrolling, and it could be just text moving next to your cursor, like this, but this isn't moving next to your cursor:
http://www.dynamicdrive.com/dynamicindex2/cmarquee.htm
I could combine that script with a tooltip that I made, so that without the yellow background would follow your cursor. But otherwise I don't know how you would do this.

**jscheuer1** · 06-20-2008, 04:28 AM

The Circling text trail script is out of date. Here is a more current version that works cross browser:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">

//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='Dynamic Drive!'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#000000';

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;

// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;

// Alter no variables past here!, unless you are good
//---------------------------------------------------


var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length; 
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
	if (ns){
	for (i=0; i < n; i++)
		document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
	}
	else if (ie||dom){
		document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
		for (i=0; i < n; i++)
			document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
			document.write('</div></div>');
	}
	(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
	ymouse = (ns||(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
	xmouse = (ns||(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (ns||ie||dom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
	y[i]=0;
	x[i]=0;
	Y[i]=0;
	X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
	for (i=0; i < n; i++){ // makes the circle
		var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
		d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(ie||dom? 'px' : '');
		d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? 'px' : ''); // remove *2 for just a plain circle, not oval
	}
}

var drag=function(){ // makes the resistance
	y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
	x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
	for (var i=1; i < n; i++){
		y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
		x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

	}
	makecircle();
	// not rotation speed, leave at zero
	setTimeout(function(){drag();},10);
}
if (ns||ie||dom)
if ( typeof window.addEventListener != "undefined" )
    window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
    window.attachEvent( "onload", drag );
else {
    if ( window.onload != null ) {
        var oldOnload = window.onload;
        window.onload = function ( e ) {
            oldOnload( e );
            drag();
        };
    }
    else
        window.onload = drag;
}

}
cursor_text_circle();
</script>
</head>
<body>

</body>
</html>

**Robin34221** · 06-20-2008, 03:11 PM

John,
Thank you so much. I copied and pasted into my site and nothing happened. I am so illerate with this stuff. If possoble, could you e-mail me instructions or help me out? My e-mail is: robin@thelonghorns.us

Thank you so very much for your time.

Regards,

R~

**jscheuer1** · 06-20-2008, 03:23 PM

I know nothing about eteamz. If it is non-standard, I wouldn't be of much help there.

If eteamz is a standard host with ftp upload or something like that, see if you can get the page working locally, if so upload it.

Start by copying exactly what I posted to a text editor like notepad, save it as:

test.htm

and view it in your browser.

If that works out, add your other code to the page.

**Robin34221** · 06-20-2008, 03:43 PM

Thanks - I'll try it.

R~

Thread: Cursor Trailer

Thread Tools

Search Thread

Cursor Trailer

The Following User Says Thank You to Nile For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions