分享
 
 
 

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

王朝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 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有