完美運動框架

2022-08-31 16:54:18 字數 1182 閱讀 6450

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 !==itarget)

4041

if (attr === "opacity") else47}

48}4950

//如果所有動畫都已完成,則清楚定時器

51if

(bstop) 58}

59 }, 30);60}

6162

//相容,獲取物件 style

63function

getstyle(obj, attr) else

69 }

2. 緩衝(減速)運動

1/**

2* @param obj - 待改變的物件

3* @param json - 待改變的屬性列表

4* @return func - 鏈式呼叫5*/

6function

startmove(obj, json, func) else

2526

//減速(緩衝)運動

27var ispeed = (itarget - icur) / 8;

2829

//防止出現小數導致誤差

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

3132

if (icur !==itarget) else42}

43}4445

//如果所有動畫都已完成,則清楚定時器

46if

(bstop) 53}

54 }, 30);55}

5657

//相容,獲取物件 style

58function

getstyle(obj, attr) else

64 }

完美運動框架

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...

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...

js完美運動框架

完美運動框架js檔案及說明 呼叫說明 node為節點 json為要變化的的屬性組成的物件 例 意思為要 讓node節點物件 寬變化到300px,高變化到200px,不透明度變化到30。complete 為當json物件的各項屬性都變化到位時,需要執行什麼。這裡 傳入函式。一般為匿名函式。也可以在匿名...