码迷,mamicode.com
首页 > 编程语言 > 详细

javascript动画函数封装

时间:2016-09-18 21:01:40      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

 function animate(obj, target) {
        clearInterval(obj.timer);
        obj.timer = setInterval(function () {
            var leader = obj.offsetLeft;
            var step = 10;//之前只能是正数 只能往右走
            /*if (leader < target) {
             step = step;
             } else {
             step = -step;
             }*/
            step = leader < target ? step : -step;
            //if (leader != target) {
            //Math.abs(target - leader) 当前位置到目标的距离
            //当前位置到目标的距离如果很大 这一步迈出之后 到不了目标 或者正好到
            // 就可以迈出这一步
            if (Math.abs(target - leader) >= Math.abs(step)) {
                leader = leader + step;
                obj.style.left = leader + "px";
            } else {
                //就差一点儿了手动放到目标即可
                obj.style.left = target + "px";
                clearInterval(obj.timer);
            }
        }, 15);
    }

 

javascript动画函数封装

标签:

原文地址:http://www.cnblogs.com/lsy0403/p/5882766.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!