为什么代码运行时，left的值在不停的变化，求帮助
隔壁诸葛村夫
2016-10-05 20:40
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>my运动</title>
<!-- <link href="运动.css" type="text/css" rel="stylesheet"/>
<script src="运动.js" type="text/javascript"></script> -->
<style type="text/css">
*{
margin:0;
padding:0;
font-family:"宋体";
}
#myblock
{
width:200px;
height:200px;
background:#99CC33;
position:relative;
left:-200px;
top:0;
}
#myblock span
{
width:50px;
height:50px;
position:absolute;
left:200px;
top:150px;
background:#9900FF;
}
</style>
<script type="text/javascript">
function mouseOver(L){
var timer=null;
clearInterval(timer);
var adiv=document.getElementById("myblock");
timer= setInterval(function(){
var v=0;
if(adiv.offsetLeft>L){
v=-10;
}
else{
v=10;
}
if(adiv.offsetLeft==L){
clearInterval(timer);
}
else{
adiv.style.left=adiv.offsetLeft+v+'px';
}
},30);
}
</script>
</head>
<body>
<div id="myblock" onmouseover="mouseOver(0)" onmouseout="mouseOver(-200)" >
<span >一个</span>
</div>
</body>
</html>
11回答
-
- 阳灵鸟
- 2016-10-06 11:46:41
那OK，我已经关注你了噢！有问题可以随时跟我联系！
-
- 阳灵鸟
- 2016-10-06 11:38:27
你觉得除了C语言以外还有什么语言？
-
- 阳灵鸟
- 2016-10-06 11:32:49
那我也想问你一个问题
-
- 阳灵鸟
- 2016-10-06 11:31:17
那你可以尝试别的方法看会怎么样，或者去问问老师
-
- 阳灵鸟
- 2016-10-06 11:19:34
如果还是不行的话，那我建议你去问问老师！
-
- 阳灵鸟
- 2016-10-06 10:19:15
那可能是你把阻止代码加错地方啦
-
- 阳灵鸟
- 2016-10-06 09:51:45
那你是否确认你鼠标一直在操作它？
-
- 阳灵鸟
- 2016-10-06 09:41:25
那可能是你并没有加一个阻止它的代码，所以才会一直运动下去
-
- 隔壁诸葛村夫
- 2016-10-05 21:20:54
你都没有运行我的程序，我的代码是到头后不停的在闪烁，并没有停止
-
- 阳灵鸟
- 2016-10-05 21:17:25
是会停止，而到头之后如果制作好了它就回到原来的位置，回到原来的位置后如果你没有再去操作它，它就会停在那里不动啦
-
- 阳灵鸟
- 2016-10-05 20:52:33
因为图形本身也在跟着代码变化着，图形运动代码也就跟着运动啦
JS动画效果
113925 学习 · 1443 问题
相似问题
回答 2
回答 3