各路大神帮我看下这个单物体运动错了那

来源:4-1 JS多物体动画

宝慕林2917688

2016-08-28 17:47

 window.onload=function(){
       var li=Document.getElementsByTagName("ali");
       ali.onmousemover()=function(){
           startMove(this,400);
       }
       ali.onmouseout=function(){
           startMove(this,200);
       }
   }
   var   timer = null;
   function stratMove(obj,iTarget){
       clearInterval(obj.timer);
       var speed=(iTarget-obj.offsetwidth)/8;
       speed=speed>0?Math.ceil(speed):Math.floor(speed);
       obj.timer=setInterval(function(){
           if(obj.offsetwidth==iTarget){
               clearInterval(obj.timer);
           }
           else{
             obj.style.width=obj.offsetwidth+speed+'px';
           }

       },30)
   }
</script>

写回答 关注

3回答

  • DollarCat
    2016-08-28 18:02:11
    已采纳

     var li=Document.getElementsByTagName("ali");
           ali.onmousemover()=function(){
               startMove(this,400);
           }
           ali.onmouseout=function(){
               startMove(this,200);
           }
       }

    你这里用变量li获取了ali了要遍历一次啊,而且是用li【i】来调用事件onmouseover和onmouseout的

    宝慕林291...

    非常感谢!

    2016-09-11 08:08:53

    共 2 条回复 >

  • qq_旧友_2
    2016-11-29 21:48:00

    是document.getElementsByTagName吧


  • neverST
    2016-09-08 18:56:46

    ali[0].onmousemover()=function(){
               startMove(this,400);
           }

    这样试试呢

JS动画效果

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

113932 学习 · 1443 问题

查看课程

相似问题