English
<!-- http://bbs.downcodes.com --> <!--There are two steps to complete the effect: Step 1: Place the following code in the <body> area --> <script language="JavaScript" > <!-- var mousex=new Array(); var mousey=new Array(); var i; var j=0; var k; var recordcount=0; var repeat; var repeat2; var repeat3; var speed=50 ; function startthis() { recordcount=1; i=0; mousex=new Array(); mousey=new Array(); recordthis(); } function recordthis() { if (maxnum.value=='' || isNaN (maxnum.value) == true || maxnum.value<0) { if (recordcount==1) { mousex[i]=mousefollow.offsetLeft; mousey[i]=mousefollow.offsetTop; i++; k=i; textfield .value='no time limit'; } } else { if (recordcount==1) { if (i<maxnum.value) { mousex[i]=mousefollow.offsetLeft; mousey[i]=mousefollow.offsetTop; i++; k=i; textfield.value='remaining'+(maxnum.value-i)+'/50 seconds'; } else { recordcount=0; textfield.value='time is up';} } } repeat=setTimeout(" recordthis()",20); } function stopthis() { clearTimeout("repeat"); recordcount=0; } function playthis() { clearTimeout("repeat"); clearTimeout("repeat3"); recordcount=0; if (j<i-1) { arrow.style.pixelLeft=mousex[j]; arrow.style.pixelTop=mousey[j]; arrow.style.visibility='visible'; j++; repeat2=setTimeout("playthis() ",speed); } else {clearTimeout("repeat2"); arrow.style.visibility='hidden'; j=0; } } function rewindthis() { clearTimeout("repeat"); clearTimeout("repeat2"); recordcount=0; if (k>0) { arrow.style.pixelLeft=mousex[k-1]; arrow.style.pixelTop=mousey[k-1]; arrow.style.visibility='visible'; k-- ; repeat3=setTimeout("rewindthis()",speed); } else {clearTimeout("repeat3"); arrow.style.visibility='hidden'; k=i; } } function follow() { mousefollow.style.pixelLeft =document.body.scrollLeft+event.clientX; mousefollow.style.pixelTop=document.body.scrollTop+event.clientY; } // --> </script> <div id="arrow" style="position:absolute ; width:12px; height:21px; z-index:1;visibility:hidden"><img src="" ></div> <div id="mousefollow" style="position:absolute; width:12px; height :21px; z-index:1;visibility:hidden">.</div> <input type="text" name="maxnum" size="4" maxlength="4"><input type=button onclick=startthis () value=Record><input type=button onclick=stopthis() value=Stop><input type=button onclick="speed=50;playthis()" value=Play><input type=button onclick="speed= 2;playthis()" value=fast play><input type=button onclick="speed=150;playthis()" value=slow play><input type=button onclick="speed=50;rewindthis()" value= Reverse><input type="button" name="textfield" style="width:100px" value="No time limit"> <!--Step 2: Add the following code to the <body> area--> <BODY onmousemove=follow()>
