亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

(不是問題)這是老師的運動框架源碼:

//完美的運動框架:

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動畫效果
  • 參與學習       113918    人
  • 解答問題       1502    個

通過本課程JS動畫的學習,從簡單動畫開始,逐步深入各種動畫框架封裝

進入課程

(不是問題)這是老師的運動框架源碼:

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號