求助!!!!

来源:7-1 JS动画案例

qq_淡淡微光的我_03415024

2016-06-05 22:13

鼠标滑过没有任何效果,求告知哪里错了

 var a=document.getElementsByTagName("div");

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

  {

  a[i].onmouseover=function()

  {

 var _this=this.getElementsByTagName("img")[0];

 startMove(_this,{top:-15});

}

  }

  function startMove(obj,json,f)

 {

 clearInterval(obj.time);

var flag=true;

 obj.time=setInterval(function(){

for(var kind in json)

{

var attribute=parseInt(getStyle(obj,kind));

var speed=(json[kind]-attribute)/10;

speed=speed>0?Math.ceil(speed):Math.floor(speed);

if(attribute!=json[kind])

{

flag=false;

obj.style[kind]=attribute+speed+"px";

}

if(flag)

{

clearInterval(obj.time);

if(f)

f();

}

}

},30);}

 function getStyle(obj,attr)

 {

 if(obj.currentStyle)

 return obj.currentStyle[attr];

 else

 return obj.getComputedStyle(obj,false)[attr];

 }


写回答 关注

1回答

  • rouken
    2016-06-06 13:16:11

    var a=document.getElementsByTagName("div");是不是取错标签了,应该是var a=document.getElementsByTagName("a");吧

JS动画效果

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

113925 学习 · 1443 问题

查看课程

相似问题