录制的鼠标路径

<HTML>
<HEAD>
<TITLE> New Document -阿里西西WEB开发www.alixixi.com</TITLE>

<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>
<link rel="stylesheet" href="test.css" type="text/css">
</HEAD>

<BODY οnmοusemοve=follow()>
<div id="arrow" style="position:absolute; width:12px; height:21px; z-index:1;visibility:hidden"><img src="http://www.alixixi.com/images/link.gif"  οnlοad="return imgzoom(this,600);" οnclick="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 οnclick=startthis() value=录制><input type=button οnclick=stopthis() value=停止><input type=button οnclick="speed=50;playthis()" value=播放><input type=button οnclick="speed=2;playthis()" value=快放><input type=button οnclick="speed=150;playthis()" value=慢放><input type=button οnclick="speed=50;rewindthis()" value=倒放><input type="button" name="textfield" style="width:100px" value="无时间限制">
</BODY>
</HTML>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值