我的代码有错吗?为什么不执行?

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

lqg

2016-07-26 09:54

// JavaScript Document
window.onload=function(){
   var aLi=document.getElementsByTagName('li');
   for(var i=0;i<aLi.length;i++)
   {
       aLi[i].onmouseover=function(){
          startMove(this,400);
       }
       aLi[i].onmouseout=function(){
          startMove(this,200);
       }
   }
}
var timer=null;
function startMove(obj,iTarget)
{
    clearInterval(timer);
    timer=setInterval(function(){
       var speed=(iTarget-obj.offsetWidth)/8;
       speed=speed>0?Math.ceil(speed):Math.floor(speed);
       if(obj.offsetWidth==iTarget)
       {
           clearInterval(timer);
       }
       else
       {
           obj.sytle.width=obj.offsetWidth+speed+'px';            
       }
    },30);
}

写回答 关注

1回答

  • 脑阔疼
    2016-07-26 10:34:23
    已采纳

    window.onload=function(){
       var aLi=document.getElementsByTagName('li');
       for(var i=0;i<aLi.length;i++)
       {                                                         
           aLi[i].onmouseover=function(){
              startMove(this,400);
           }
           aLi[i].onmouseout=function(){
              startMove(this,200);
           }
       }
    }
    var timer=null;                    //多物体运动不可以共用定时器
    function startMove(obj,iTarget)
    {
        clearInterval(timer);
        timer=setInterval(function(){
           var speed=(iTarget-obj.offsetWidth)/8;
           speed=speed>0?Math.ceil(speed):Math.floor(speed);
           if(obj.offsetWidth==iTarget)
           {
               clearInterval(timer);
           }
           else
           {
               obj.sytle.width=obj.offsetWidth+speed+'px';            //拼写错误
           }
        },30);
    }

    lqg

    非常感谢!

    2016-08-02 14:35:18

    共 1 条回复 >

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题