昨天我們說了一下原生js中常用的相容性寫法,今天我們來說一下運動框架.
正常情況下我們要寫乙個運動的效果會用到tween.js這麼乙個外掛程式,這個東西不是一般人寫出來的,因為裡面涉及的運動效果都是經過一堆數學的函式運算出來的,我們平常人是寫不出來的,所有我們就自己封裝乙個運動框架,有什麼問題改起來也方便,下面我們就開始封裝.
首先,我們先寫乙個div,設定一些簡單的樣式,我們就拿這個div舉例子,如下**:
#div
然後我們就開始寫js**了,如下:
window.onload=function() else
// 判斷運動是否完成
if (n == count) ;
}, 30);
};然後自己隨便寫一些呼叫**函式,測試一下:
odiv.onclick=function());
});});
};// 獲取非行間樣式
function setstyle(obj,name)else;
};};
原生JS封裝運動框架 二
昨天我們傳入了一堆的引數,我來改善一下,把name和value變成乙個json傳進去,把dur,easing,fn三個引數變成乙個完整的乙個物件傳進去.到這裡我們要做一些簡單的運動方式,我們可以自己模擬數學函式 var a n count switch complete.easing 判斷屬性是不是...
完美運動框架（原生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 ...