首页 > Web开发 > 详细

move.js

时间:2015-12-16 21:06:00      阅读:292      评论:0      收藏:0      [点我收藏+]
function startMove(obj,json,fn){
    var flag=true;//标志所有运动是否到达目标值
    clearInterval(obj.timer);
    obj.timer=setInterval(function(){
    for(var attr in json){
    var curr=0;
    //判断是否为透明度
    if(attr==‘opacity‘){
        curr=Math.round(parseFloat(getStyle(obj,attr))*100);
    }else{
        curr=parseInt(getStyle(obj,attr));
    }
    //移动速度处理
    var speed=0;
    speed=(json[attr]-curr)/10;
    speed=speed>0?Math.ceil(speed):Math.floor(speed);
    if(curr!=json[attr]){
        flag=false;
    }
    if (attr==‘opacity‘) {
        obj.style.filter=‘alpha(opacity:‘+(curr+speed)+")";
        obj.style.opacity=(curr+speed)/100;
    }else{
        obj.style[attr]=curr+speed+‘px‘;
    }
}
    if(flag){
        clearInterval(obj.timer);
        if(fn){
            fu();
        }
    }
},30);
}

//取样式
    function getStyle(obj,attr){
        if(obj.currentStyle){//IE取样式
            return obj.currentStyle[attr];
        }else{
        return getComputedStyle(obj,false)[attr];
        }

}                

 

move.js

原文:http://www.cnblogs.com/kevoin/p/5052075.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!