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

(不是问题)这是老师的运动框架源码:

//完美的运动框架:

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 iSpeed=(json[attr]-iCur)/8;

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

//3.检测停止

if(iCur!=json[attr])

{

flag = false;

}

if(attr=='opacity')

{

obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';

obj.style.opacity=(iCur+iSpeed)/100;

}

else

{

obj.style[attr]=iCur+iSpeed+'px';

}

} <!--遍历json结束-->

if(flag){//所有条件都达到了

clearInterval(obj.timer);

if(fn){

fn();

}

}

},30);

}


//好神奇的方法:

function getStyle(obj,attr){

     if(obj.currentStyle){

     return obj.currentStyle[attr];

     }else{

     return getComputedStyle(obj,false)[attr];

     }

}


正在回答

1 回答

自己整理的核心源码。。。

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

举报

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

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

进入课程

(不是问题)这是老师的运动框架源码:

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

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

帮助反馈 APP下载

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

公众号

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