Echo Text Mouse Effect
Instructions:
1: Copy and paste the following javascript just before the end BODY tag in your page:
Select all...
<script language="javascript"> // ENTER TEXT BELOW. CAN INCLUDE NORMAL HTML CODE. WATCH THE QUOTES! :) var text='
YOU CAN PUT ANY TEXT/HTML HERE
'; var echocount=5; // NUMBER OF TEXT "ECHO"S var delay=75; // SPEED OF TRAIL var Xoff=10; // AMOUNT OF PIXELS TO THE RIGHT IMAGE WILL BE AWAY FROM CURSOR (- VALUES GO TO LEFT) var Yoff=30; // AMOUNT OF PIXELS TO THE BOTTOM IMAGE WILL BE AWAY FROM CURSOR (- VALUES GO UP) //********** NO NEED TO EDIT BELOW HERE **********\\ 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(); var x1=0; var y1=-1000; var t=''; for(i=1;i<=echocount;i++){ t+=(ns4)? '
' : '
'; t+='
'+text+'
'; t+=(ns4)? '' : '
'; } 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 movetxts(){ for(i=echocount;i>1;i=i-1)moveid(txtA[i], (ns4)?txtA[i-1].left:parseInt(txtA[i-1].style.left), (ns4)?txtA[i-1].top:parseInt(txtA[i-1].style.top)); moveid(txtA[1],x1,y1); } window.onload=function(){ for(i=1;i<=echocount;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>
2: Edit the settings in the script to suit your needs.