116、录制鼠标的运动轨迹

116、录制鼠标的运动轨迹

脚本说明:

把如下代码加入<body>区域中

第一步<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='无时间限制';

       }

}

else {

       if (recordcount==1) {

              if (i<maxnum.value) {

              mousex[i]=mousefollow.offsetLeft;

              mousey[i]=mousefollow.offsetTop;

              i++;

              k=i;

              textfield.value='剩余'+(maxnum.value-i)+'/50';

              }

              else {

              recordcount=0;

              textfield.value='时间到';}

              }

       }

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="cursor.gif" ></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=录制><input type=button onclick=stopthis() value=停止><input type=button onclick="speed=50;playthis()" value=播放><input type=button onclick="speed=2;playthis()" value=快放><input type=button onclick="speed=150;playthis()" value=慢放><input type=button onclick="speed=50;rewindthis()" value=倒放><input type="button" name="textfield" style="width:100px" value="无时间限制">

 

第二步:把<body>中的内容改为:

<BODY onmousemove=follow()>

 

Write a comment

Comments: 0