Mouse Trails?

[Firefly]

Hi

I'm a novice, trying to import a mouse trail script, but when I try any of the freebie mouse trail scripts, the trail is set way back from my curser. :(

Does anyone have any ideas, how I can 'attach' it to the mouse?

When I move my mouse in demos for the scripts it works fine.

Any help appreciated.

Thanks :thumbsup:

Firefly

[Dalziel]

Mouse trailers suck and put people off pages (Sorry but it's true :rolleyes:) I don't know the answer either.

[Firefly]

Thanks Dalziel, but I'd still like to know the answer if anyone out there knows it. My site if for school kids, and they like this kind of stuff (in moderation).

Cheers anyway :)

[Dalziel]

Sorry I don't know the answer (the reason I mentioned what I did is most adults get pissed off by stupid scripts like that and will leave sites using them) if you look at javascript.internet.com they've got a fair few trailer scripts I think, you might be able to find the answer studying that code, only an idea but it might work :rolleyes:

[Borgtex]

Hummm mouse trailers don't always suck, but only if you use them in a children-oriented site.

As for your problem, we don't have enough information to help you. Post your url or something like that

[Garthummn]

<script language="javascript">

var text='Your text here!';

var delay=010
var Xoff=30
var Yoff=0
var txtw=14
var beghtml='<font color="#00436e"><b>'
var endhtml='</b></font>'

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>




Not a part of code, but for some reason part of the code showed up as a purple face thing. That should be a semicolon.


This is not part of code. I was wondering if anyone knew how to edit this so there is like a ON and OFF switch... I've tried everything I could think of.