求move.js的源码

来源:6-1 同时运动

慕九州0389596

2016-08-03 09:52

求move.js的源码

求move.js的源码

写回答 关注

1回答

  • 慕粉18813290620
    2016-08-03 12:44:19
    已采纳

    function startMove(obj,json,fn){

    var flag=true;//假设所有都到达目标值

    clearInterval(obj.timer);

    obj.timer=setInterval(function(){

    for(var attr in json){

    //1、取当前值

    var icur=0;

    if(attr=='opacity'){

    icur=Math.round(parseFloat(getStyle(obj,attr))*100);

    }else{

    icur=parseInt(getStyle(obj,attr));

    }

    //2、算速度

    var speed=(json[attr]-icur)/8;

    speed=speed>0?Math.ceil(speed):Math.floor(speed);

    //3、检测停止

    if(icur!=json[attr]){

    flag=false;

    }

    if(attr=='opacity')

    {

    obj.style.filter='alpha(opacity:'+attr+')';//针对iE

    obj.style.opacity=(icur+speed)/100;

    }else{

       obj.style[attr]=icur+speed+'px';

    }

    }

     if(flag)

     {

    clearInterval(obj.timer);

       if(fn)

    {

    fn();

    }  

      }

     

    },30)

       

    };

    //获取样式

    function getStyle(obj,attr){

    //IE

    if(obj.currentStyle){

    obj.currentStyle[attr];

    }else{ //FF

    return getComputedStyle(obj,false)[attr];

    }

    }


    慕九州038...

    非常感谢!

    2016-08-03 13:45:03

    共 1 条回复 >

JS动画效果

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

113920 学习 · 1494 问题

查看课程

相似问题