jQuery UI 教程
jQuery UI 在jQuery 內(nèi)置的特效上添加了一些功能。jQuery UI 支持顏色動(dòng)畫和 Class 轉(zhuǎn)換，同時(shí)也提供了一些額外的 Easings。另外，提供了一套完整的定制特效，供顯示和隱藏元素時(shí)或者只是添加一些視覺顯示時(shí)使用。
| API | 描述 | 也屬于類別 |
|---|---|---|
| .addClass() | 當(dāng)動(dòng)畫樣式改變時(shí)，為匹配的元素集合內(nèi)的每個(gè)元素添加指定的 Class。 | 特效核心（Effects Core） | 方法重載（Method Overrides） |
| 百葉窗特效（Blind Effect） | 百葉窗特效（Blind Effect）通過將元素包裹在一個(gè)容器內(nèi)，采用"拉百葉窗"效果來(lái)隱藏或顯示元素。 | |
| 反彈特效（Bounce Effect） | 反彈特效（Bounce Effect）反彈一個(gè)元素。當(dāng)與隱藏或顯示一起使用時(shí)，最后一次或第一次反彈會(huì)呈現(xiàn)淡入/淡出效果。 | |
| 剪輯特效（Clip Effect） | 剪輯特效（Clip Effect）通過垂直或水平方向夾剪元素來(lái)隱藏或顯示一個(gè)元素。 | |
| 顏色動(dòng)畫（Color Animation） | 使用 .animate() 實(shí)現(xiàn)顏色動(dòng)畫效果。 | |
| 降落特效（Drop Effect） | 降落特效（Drop Effect）通過單個(gè)方向滑動(dòng)的淡入淡出來(lái)隱藏或顯示一個(gè)元素。 | |
| Easings | Easing 函數(shù)指定動(dòng)畫在不同點(diǎn)上的行進(jìn)速度。 | |
| .effect() | 對(duì)一個(gè)元素應(yīng)用動(dòng)畫特效。 | 特效核心（Effects Core） | 方法（Method） |
| 爆炸特效（Explode Effect） | 爆炸特效（Explode Effect）通過把元素裂成碎片來(lái)隱藏或顯示一個(gè)元素。 | |
| 淡入淡出特效（Fade Effect） | 淡入淡出特效（Fade Effect）通過淡入淡出元素來(lái)隱藏或顯示一個(gè)元素。 | |
| 折疊特效（Fold Effect） | 折疊特效（Fold Effect）通過折疊元素來(lái)隱藏或顯示一個(gè)元素。 | |
| .hide() | 使用自定義效果來(lái)隱藏匹配的元素。 | 特效核心（Effects Core） | 方法重載（Method Overrides） | 方法（Method） |
| 突出特效（Highlight Effect） | 突出特效（Highlight Effect）通過首先改變背景顏色來(lái)隱藏或顯示一個(gè)元素。 | |
| 膨脹特效（Puff Effect） | 通過在縮放元素的同時(shí)隱藏元素來(lái)創(chuàng)建膨脹特效（Puff Effect）。 | |
| 跳動(dòng)特效（Pulsate Effect） | 跳動(dòng)特效（Pulsate Effect）通過跳動(dòng)來(lái)隱藏或顯示一個(gè)元素。 | |
| .removeClass() | 當(dāng)動(dòng)畫樣式改變時(shí)，為匹配的元素集合內(nèi)的每個(gè)元素移除指定的 Class。 | 特效核心（Effects Core） | 方法重載（Method Overrides） |
| 縮放特效（Scale Effect） | 按照某個(gè)百分比縮放元素。 | |
| 震動(dòng)特效（Shake Effect） | 垂直或水平方向多次震動(dòng)元素。 | |
| .show() | 使用自定義效果來(lái)顯示匹配的元素。 | 特效核心（Effects Core） | 方法重載（Method Overrides） | 方法（Method） |
| 尺寸特效（Size Effect） | 調(diào)整元素尺寸到指定寬度和高度。 | |
| 滑動(dòng)特效（Slide Effect） | 把元素滑動(dòng)出視區(qū)。 | |
| .switchClass() | 當(dāng)動(dòng)畫樣式改變時(shí)，為匹配的元素集合內(nèi)的每個(gè)元素添加和移除指定的 Class。 | 特效核心（Effects Core） |
| .toggle() | 使用自定義效果來(lái)顯示或隱藏匹配的元素。 | 特效核心（Effects Core） | 方法重載（Method Overrides） | 方法（Method） |
| .toggleClass() | 當(dāng)動(dòng)畫樣式改變時(shí)，根據(jù) Class 是否存在以及 switch 參數(shù)的值，為匹配的元素集合內(nèi)的每個(gè)元素添加或移除一個(gè)或多個(gè) Class。 | 特效核心（Effects Core） | 方法重載（Method Overrides） |
| 轉(zhuǎn)移特效（Transfer Effect） | 把一個(gè)元素的輪廓轉(zhuǎn)移到另一個(gè)元素。 |