JavaScript编写网页时如何实现一行文字随鼠标移动
下面是我的代码,高手进来帮忙修改一下错误:<html><head><title>鼠标跟踪</title><STYTLEtype=text/css>.mystyle{COL...
下面是我的代码,高手进来帮忙修改一下错误:
<html>
<head>
<title>鼠标跟踪</title>
<STYTLE type=text/css>
.mystyle{COLOR:red;
FONT-FAMILY:宋体;
FONT-SIZE:20pt;
POSITION:absolute;
Top:100px;
WIDTH:200px;
Z-INDEX:50;
VISIBILITY:visible;
}
</style>
<script language="JavaScript">
var x,y
var flag=0
function Mousemove(){
x.doctument.body.scrollLeft+event.clientX;
y.doctument.body.scrollTop+event.clientY;
flag=1;
}
function SetPos(){
if(flag=1){
divl.style.posLeft=x+20;
divl.style.posTop=y;
}
<script>
setTimeout(Setpos(), 100);
</script>
}
</script>
</head>
<body onLoad="function SetPos()" onmousemove="function mouseMove()">
<div id="div1" class="mystyle">
</div>
</body>
</html>
其中下面的代码是实现每100ms刷新一次图层位置坐标,不知道该怎样写才对。
<script>
setTimeout(Setpos(), 100);
</script> 展开
<html>
<head>
<title>鼠标跟踪</title>
<STYTLE type=text/css>
.mystyle{COLOR:red;
FONT-FAMILY:宋体;
FONT-SIZE:20pt;
POSITION:absolute;
Top:100px;
WIDTH:200px;
Z-INDEX:50;
VISIBILITY:visible;
}
</style>
<script language="JavaScript">
var x,y
var flag=0
function Mousemove(){
x.doctument.body.scrollLeft+event.clientX;
y.doctument.body.scrollTop+event.clientY;
flag=1;
}
function SetPos(){
if(flag=1){
divl.style.posLeft=x+20;
divl.style.posTop=y;
}
<script>
setTimeout(Setpos(), 100);
</script>
}
</script>
</head>
<body onLoad="function SetPos()" onmousemove="function mouseMove()">
<div id="div1" class="mystyle">
</div>
</body>
</html>
其中下面的代码是实现每100ms刷新一次图层位置坐标,不知道该怎样写才对。
<script>
setTimeout(Setpos(), 100);
</script> 展开
2个回答
展开全部
是哦。楼上的正解。。。setTimeout执行一次就不做了。。
要setInterval(function ,1000);才是周期。。
要setInterval(function ,1000);才是周期。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询