JS多物体动画实例分享
window.onload = function(){
var aLi = document.getElementsByTagName('li');
for(var i = 0;i
aLi[i].onmouseover = function(){
startMove(this,400);
}
aLi[i].onmouseout = function(){
startMove(this,200);
}
}
}
// var timer = null;
function startMove(obj,iTarget){
clearInterval(obj.timer);
obj.timer = setInterval(function(){
var speed = (iTarget-obj.offsetWidth)/10;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(obj.offsetWidth == iTarget){
clearInterval(obj.timer);
}
else{
obj.style.width=obj.offsetWidth+speed+'px';
}
},30)
}
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/489/viewspace-2798270/ ，如需转载，请注明出处，否则将追究法律责任。
