用程序来记录鼠标在页面中的滑动轨迹-JS特效-爱易网页

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

日期：2014-05-18　浏览次数：20305 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表

<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.aiyiweb.com/images/link.gif"  onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></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 onmousemove=follow()>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

特斯拉将获上海免费牌照充电桩面临双重标准

诺基亚若没加入微软，只不过是另一个HTC而已

继续涨:微博IPO第二交易日收盘大涨11.71%

虚拟运营商温度有多高？降温OR升温内外有别

苹果iWatch或使用量产液态金属将取代玻璃

联发科享用价钱战专利难以摆脱高通

途牛旅游网今晚挂牌纳斯达克融资1亿美元

凑足了升级ios8所需要的5.7G空间，没料到“苹果”却变成“板砖”，iOS8还能一起愉快玩耍吗？

靠价格战赚取资费套餐利润差，虚拟运营商必死无疑

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>