在製作靜態頁面中，少不了要學習一些動態的效果。例如的跳躍、滑鼠移入移出、圖表的變化的一些效果等等許多。
如果頁面中有許多的效果，每做乙個效果都想乙個流程的話會很麻煩，所以，將動畫效果的框架做乙個整理就是很有必要的了。今天就是將一些動畫框架做乙個整理，方便使用。
運動中，無非改變的是width、left、height、right、opacity等等值，總結如下，有幾種框架。
一、一般運動
**：
分享
總結框架：是單一的某個屬性的勻速運動
clearinterval（time）;
time=setinterval（function()else
}，30）
二、緩衝運動
分析：距離越大速度越大，距離越小速度越小。成正比**：
分享
三、多物體運動
**（多物體單屬性）：
總結：
多物體的變數都不能公用。可以寫成當前物體。
獲取行間樣式
function getstyle(obj,attr) else
}
***（多物體多屬性）：
這種多屬性變化也不會互相影響四、任意值運動
分析：將屬性作為引數傳入**：
有一種屬性例外，那就是透明度。首先是parseint,其次是『px』的地方有問題。可以用if判斷一下。以下對透明度修改地方做出了標註。**（透明度）：
五、鏈式運動
六、同時運動
總結時，再次注意到的問題：
1.position屬性問題relative和absolute
2.obox.style.left和obox.offsetleft區別
3.math函式floor()、ceil()、round()
js中的動畫效果
clientwidth 獲取物件的內容可視區域的寬度，即clientwidth width padding，不包括滾動條。clientheight 獲取物件的內容可視區域的高度，即clientheight height padding，不包括滾動條。scrollwidth 獲取物件內容的實際寬度，即...
《js動畫效果》之多物體動畫
學習資源來自慕課網 js動畫效果 多物體運動 給多個元素加上同一動畫效果，比如下面兩個例子 1.網頁上有一ul,ul中有三個li元素，要求滑鼠移到 onmouseover li 元素上產生動畫效果 寬度值增加到300px，滑鼠移出 onmouseout li 元素產生動畫效果 寬度值復原到200px...
js動畫效果之緩衝動畫
此案例基於之前的案例，上兩個例子兩個物體所做的都是勻速運動，就像火車進站一樣，如果在快到達目的地時速度慢下來，視覺效果會更好，就之前的 稍微改革速度就好了 下面是效果圖對比 由於上傳的是.gif格式的，可能效果看起來不是很明顯，可以自己試下 js 實現改動部分 其他與之前相同 var speed m...