为什么没反应啊

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

慕粉4077240

2017-01-07 12:23

 window.onload=function()

{

var oDiv=document.getElementsByTagName('div');

for(var i=0;i<oDiv.length;i++){

    //鼠标移入

    oDiv[i].timer=null;

    oDiv[i].alpha=30;

oDiv[i].onmouseover=function(){

    startmove(this,100);

}

//鼠标移出

oDiv[i].onmouseout=function(){   

    startmove(this,30);                            

}

}


}


function startmove(obj,target){    //精简参数

   clearInterval(obj.timer);

    var speed=0;

    obj.timer=setInterval(function(){


    if(obj.alpha<target){

        speed=10;    

    }

    else {

        speed=-10;

    };

 

    if(obj.alpha==target){     

       clearInterval(obj.timer);

    }

    else

        { 

          obj.alpha+=speed;        obj.style.filter='alpha(opactiy:'+obj.alpha+')';

  obj.        obj.style.opacity=obj.alpha/100;

        }   

    },30);

}


写回答 关注

2回答

  • 慕粉4077240
    2017-01-15 14:58:05

    哦,谢谢

  • xiaobin90
    2017-01-07 17:16:52

    倒数第四行多了个obj.

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题