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

alion 2003-04-02 05:36:10
源代码如下:<HTML>
<HEAD>

<STYLE TYPE="text/css">
<!--
BODY{
overflow:scroll;
overflow-x:hidden;
}
.s1{
position:absolute;
font-size:12pt;
color:blue;
visibility:hidden;
}
.s2{
position:absolute;
font-size:16pt;
color:red;
visibility:hidden;
}
.s3{
position:absolute;
font-size:20pt;
color: gold;
visibility:hidden;
}
.s4{
position:absolute;
font-size:14pt;
color:lime;
visibility:hidden;
}

-->
</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>


...全文
7 点赞 收藏 2
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
alion 2003-04-02
赫赫,我也知道是坐标问题,但是就是没有找到阿
回复
lanwan 2003-04-02
好像确定坐标有问题噢,嘻嘻,我也不知道
回复
相关推荐
发帖
Web 开发
创建于2007-09-28

8.0w+

社区成员

Java Web 开发
申请成为版主
帖子事件
创建了帖子
2003-04-02 05:36
社区公告
暂无公告