问答详情
源自:2-2 JS透明度动画

为什么代码运行时,left的值在不停的变化,求帮助

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


提问者:隔壁诸葛村夫 2016-10-05 20:40

个回答

  • 阳灵鸟
    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

    因为图形本身也在跟着代码变化着,图形运动代码也就跟着运动啦