閱讀(18.9k) 書簽贊(0) 我要糾錯

jQuery UI API 類別 – 特效

2022-06-07 15:23 更新

jQuery UI API 類別 - 特效（Effects）

jQuery UI在jQuery內(nèi)置的特效上添加了一些功能。jQuery UI支持顏色動畫和Class轉(zhuǎn)換，同時也提供了一些額外的Easings。另外，提供了一套完整的定制特效，供顯示和隱藏元素時或者只是添加一些視覺顯示時使用。

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