JS录制鼠标的效果 - JavaScript论坛

楼主
问题点数：0 回复次数：1
JS录制鼠标的效果
程序代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0048)http://www. -->
<HTML><HEAD><TITLE>New Document</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2900.2912" name=GENERATOR>
<META content="" name=Author>
<META content="" name=Keywords>
<META content="" name=Description>
<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 href="test.css" type=text/css rel=stylesheet></HEAD>
<BODY onmousemove=follow()>
<DIV id=arrow 
style="Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 12px; POSITION: absolute; HEIGHT: 21px"><IMG 
src="New Document.files/cursor.gif"></DIV>
<DIV id=mousefollow 
style="Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 12px; POSITION: absolute; HEIGHT: 21px">.</DIV><INPUT 
maxLength=4 size=4 name=maxnum><INPUT onclick=startthis() type=button value=录制><INPUT onclick=stopthis() type=button value=停止><INPUT onclick=speed=50;playthis() type=button value=播放><INPUT onclick=speed=2;playthis() type=button value=快放><INPUT onclick=speed=150;playthis() type=button value=慢放><INPUT onclick=speed=50;rewindthis() type=button value=倒放><INPUT style="WIDTH: 100px" type=button value=无时间限制 name=textfield> 
</BODY></HTML>
搜索更多相关主题的帖子: 鼠标　效果　录制　