15,完美運動框架

2022-09-08 19:48:08 字數 688 閱讀 9086

由任意值運動框架——>鏈式運動框架(start(obj,attr,itarget,fnend),多新增了乙個函式,用來在物件運動完成後執行該函式,達到分層次運動的效果;)——>完美運動框架;

完美運動框架與之前運動框架的區別與完善:

1,運用了json,即json,用for in遍歷json,使物件的每乙個屬性能夠同步運動。

2,用var bstop=true;來判斷物件的每乙個屬性是否都達到了目標點,如果有乙個不達到,則bstop=false;當全部達到時,關閉定時器;

var bstop=true;

for(```in json),30)

if(bstop)

else}//

startmove(odiv, )

function

startmove(obj, json, fnend)

else

var speed=(json[attr]-cur)/6;

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

if(cur!=json[attr])

bstop=false

;

if(attr=='opacity')

else

}if(bstop)

}, 30);

}view code

完美運動框架

1.勻速運動 1 2 param obj 待改變的物件 3 param json 待改變的屬性列表 4 return func 鏈式呼叫 5 6 functionstartmove obj,json,func else 25 26 勻速運動 27 var ispeed 10 28 29 if icu...

完美運動框架

1.勻速運動 1 2 param obj 待改變的物件 3 param json 待改變的屬性列表 4 return func 鏈式呼叫5 6function startmove obj,json,func else 2526 勻速運動 27var ispeed 10 2829 if icur it...

js完美運動框架

建立move.js運動框架function getstyle obj,name else 任意值的運動框架 var timer null function startmove obj,json,fnend else 計算速度 var speed json attr cur 6 speed speed...