码迷,mamicode.com
首页 > 其他好文 > 详细

move组件

时间:2015-12-18 21:13:51      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:

function move(obj,json,time,fn)
    {
        var start={};
        var dis={};
        for (var name in json)
        {
            start[name]=parseFloat(getStyle(obj,name));
            dis[name]=json[name]-start[name];
        }

        var n=0;
        var count=Math.floor(time/30);
        clearInterval(obj.timer);//自定义属性里可以存任何东西  每个obj有一个自己的timer
        obj.timer=setInterval(function (){
            n++;
            for (var name in json)
            {
                if (name==‘opacity‘)
                {
                    obj.style[name]=start[name]+dis[name]*n/count;
                }
                else
                {
                    obj.style[name]=start[name]+dis[name]*n/count+‘px‘;
                }   
            }

            if (n==count)
            {
                clearInterval(obj.timer);
                fn && fn();
            }
        },30);
    }
    function getStyle(obj,sName)
    {
        return (obj.currentStyle || getComputedStyle(obj,false))[sName];
    }

  

move组件

标签:

原文地址:http://www.cnblogs.com/agosto/p/5058096.html

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