用程序来记录鼠标在页面中的滑动轨迹

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>

<!-- http://www.webjx.com/ -->

<!-- http://bbs.webjx.com -->

<!--完成效果须两步:

第一步:把下列代码放到<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="http://www.webjx.com/images/where.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()>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航