为了账号安全,请及时绑定邮箱和手机立即绑定

求move.js的源码

求move.js的源码

求move.js的源码

正在回答

1 回答

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];

}

}


0 回复 有任何疑惑可以回复我~
#1

慕九州0389596 提问者

非常感谢!
2016-08-03 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JS动画效果
  • 参与学习       113913    人
  • 解答问题       1502    个

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

进入课程

求move.js的源码

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号