请问我的代码哪里出问题了？？-慕课网

请问我的代码哪里出问题了？？

来源：2-1 JS速度动画

慕运维5178013

2015-07-27 18:22

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动画效果</title>
<style type="text/css">
*{margin:0;
padding:0;}
#div1{
   width:180px;
   height:300px;
   background:#C9F;
   border-radius:10px;
   position:relative;
   left:-180px;

   }
#div1 #share{
   width:20px;
   height:30px;
   background:#CC3;
   color:#93C;
   position:relative;
   left:180px;
   top:90px;
   }
</style>

<script type="text/javascript">
window.onload=function(){
   var oDiv=document.getElementById("div1");
   oDiv.onmouseover=function(){
       startMove(0);
   }
   oDiv.onmouseout=function(){
       startMove(-200);
   }
}
   var timer=null;
function startMove(iTarget){
   clearInterval(timer);
   var oDiv =document.getElementById("div1");
   timer=setInterval(function(){
       var speed=0;
       if(oDiv.offsetLeft>iTarget){
           speed=-10;
           }
       else{
           speed=10;
           }
       if(oDiv.offsetLeft==iTarget){
           clearInterval(timer);
           }
       else{
       oDiv.style.left=oDiv.offsetLeft+speed+"px";
       }
       },30)
   }
</script>
</head>
<body>
<div id="div1">
   <span id="share">分<br/>享</span>
</div>
</body>
</html>

写回答关注

2回答

慕运维5178013

2015-08-04 09:42:10

谢谢你，我也看到了^_^

0 0
状元小生

2015-07-31 18:58:05

你的分享在div回去的时候就没了是吧，你的停止计时器条件不应该传入200的值，因为你的div是180，你把你180的地方改成200就好了

0 0

JS动画效果

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

113925 学习 · 1443 问题

查看课程

相似问题

请问这段代码哪里错了？

回答 1

请问大佬们这个代码哪里错了``我检查不出来

回答 1

请问我的代码错误哪里！非常感谢！

回答 2

运行了没有反应，请问哪里出了问题？

回答 3

请问这段代码错在哪里

回答 1

打开慕课网App查看更多内容