Question

我一直在努力在javascript中创建一个摆动效果，这样当鼠标移过它们时，许多物体会慢慢地一直停留直到它们停止。

我在JSFiddle中使用了这个：http://jsfiddle.net/z3s7v/58/

这是我拥有的Js：

(function(){

var box=document.getElementById('box');box2=document.getElementById('box2');box3=document.getElementById('box3');

swing(box);swing(box2);swing(box3);

function swing(box) {
  var ang  = 20,
   dAng = 10,
   ddAng = .5,
   dir  = 1;

function setAng(ang){
box.style.WebkitTransform =  'rotate('+ang+'deg)';
box.style.MozTransform =  'rotate('+ang+'deg)';
dir = -dir;
if (dAng > 1)
    dAng -= ddAng;

if (Math.abs(ang) > 0)
    setTimeout(setAng, 1000, dir * (Math.abs(ang)-dAng));
};

box.onmouseover = function(){    
box.style.WebkitTransform =  'rotate(-20deg)';
box.style.MozTransform =  'rotate(-20deg)';
setTimeout(function(){
    setAng(ang)
}, 1000);
}

};
}())

另外作为第二个问题，如果有人能够回答这个问题，那么我添加的弹跳器就越多，而且摆动似乎更加僵硬。

感谢所有帮助人员。

Answer 1

在

中换行代码

window.onload = function(){ 
    // your code 
};

未捕获的TypeError：无法将属性'onmouseover'设置为null

1 个答案: