这个一个动画函数,在我们需要动画的时候调用它,穿进去参数即可
var animate = function (obj, target, callback) { //第三个是动画结束后的回调函数,动画结束后执行!!!
clearInterval(obj.timer)
obj.timer = setInterval(function () {
var step = (target - obj.offsetLeft) / 10;
step = step > 0 ? Math.ceil(step) : Math.floor(step);
if (obj.offsetLeft == target) {
clearInterval(obj.timer)
if (callback) {
callback();
}
}
obj.style.left = obj.offsetLeft + step + "px"
}, 10)
}
调用:
animate(Obj, target);//第一个参数是移动的对象 第二个参数是移动的距离
这样就可以实现动画的调用了,我们这个动画一般用于滑块或者轮播图等功能!!!