大家看看这个页面鼠标控制的例子，怎么"*"不随着动？

alion 2003-04-02 05:36:10

源代码如下：<HTML>
<HEAD>

<STYLE TYPE="text/css">

</STYLE>
</HEAD>

<BODY>

<div ID="div1" CLASS="s1">*</div>
<div ID="div2" CLASS="s2">*</div>
<div ID="div3" CLASS="s3">*</div>
<div ID="div4" CLASS="s4">*</div>

<script language="JavaScript" type="text/JavaScript" class="s5" >
var nav=(document.layers);
var tmr=null;
var spd=50;
var x=0;
var x_offset=5;
var y=0;
var y_offset=15;

if(nav) document.captureEvent(event.MOUSEMOVE);
document.onmousemove=get_mouse;

function get_mouse(e)
{
x=(nav)?e.pageX:event.clientX+document.body.scrollLeft;
y=(nav)?e.pageY:event.clientY+document.body.scrollTop;
x+=x_offset;
y+=y_offset;
beam(1);
}

function beam(n)
{
if(n<5)
{
if(nav)
{
eval("document.div"+n+".top"+y);
eval("document.div"+n+".left"+x);
eval("document.div"+n+".visibility='visible'");
}
else
{
eval("div"+n+".style.top"+y);
eval("div"+n+".style.left"+x);
eval("div"+n+".style.visibility='visible'");
}
n++;
tmr=setTimeout("beam("+n+")",spd);
}
else
{
clearTimeout(tmr);
fade(4);
}
}

function fade(n)
{
if(n>0)
{
if(nav)eval
("document.div"+n+".visibility='hidden'");
else eval("div"+n+".style.visibility='hidden'");
n--;
tmr=setTimeout("fade("+n+")",spd);
}
else clearTimeout(tmr);
}

</script>

</BODY>
</HTML>

...全文