昨天我們傳入了一堆的引數,我來改善一下,把name和value變成乙個json傳進去,把dur,easing,fn三個引數變成乙個完整的乙個物件傳進去.
到這裡我們要做一些簡單的運動方式,我們可以自己模擬數學函式
var a=n/count;
switch(complete.easing);
// 判斷屬性是不是透明度,透明度不用加單位
if(name=='opacity')else ;
}// 判斷運動是否完成
if (n == count) ;
}, 30);
};// 獲取非行間樣式
function setstyle(obj,name)else;
};原生js我們就封裝到這裡了,但我們寫的這個運動框架不是萬能的,有需要還是要自己想辦法的,再見了!
原生JS封裝運動框架
昨天我們說了一下原生js中常用的相容性寫法,今天我們來說一下運動框架.正常情況下我們要寫乙個運動的效果會用到tween.js這麼乙個外掛程式,這個東西不是一般人寫出來的,因為裡面涉及的運動效果都是經過一堆數學的函式運算出來的,我們平常人是寫不出來的,所有我們就自己封裝乙個運動框架,有什麼問題改起來也...
完美運動框架（原生js實現）
匯入js檔案，呼叫函式即可用 這個運動框架,支援多物體多樣式的鏈式運動,和多物體多樣式的同時運動 做的是緩衝運動 function startmove obj,json,fn else 4 設定緩衝運動速度 speed json attr currentvalue 8 5 處理速度，讓它始終為乙個整...
js封裝運動2（終極版請參考主頁js運動3））
保持對 的熱愛並儲存懷疑態度 charset utf 8 documenttitle box1 box2 line style head box1 div box2 div class line div body 運動源 var obox1 document.getelementbyid box1 ...