完美運動框架

2022-07-27 11:12:16 字數 1418 閱讀 8512

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

40 41 if (attr === "opacity") else

47 }

48 }

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

51 if(bstop)

58 }

59 }, 30);

60 }

61 62 //相容,獲取物件 style

63 functiongetstyle(obj, attr) else

69 }

2. 緩衝(減速)運動

1     /**

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

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

4 * @return func - 鏈式呼叫

5 */

6 functionstartmove(obj, json, func) else

25 26 //減速(緩衝)運動

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

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

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

31 32 if (icur !==itarget) else

42 }

43 }

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

46 if(bstop)

53 }

54 }, 30);

55 }

56 57 //相容,獲取物件 style

58 functiongetstyle(obj, attr) else

64 }

完美運動框架

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

js完美運動框架

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