Effects · jQuery UI API 中文文檔 1.10

# Effects jQuery UI 在jQuery 內置的特效上[添加了一些功能](//api.jquery.com/category/effects/)。jQuery UI 支持顏色動畫和 Class 轉換，同時也提供了一些額外的 [Easings](/easings/)。另外，提供了一套完整的定制特效，供顯示和隱藏元素時或者只是添加一些視覺顯示時使用。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") ## .addClass() 當動畫樣式改變時，為匹配的元素集合內的每個元素添加指定的 Class。 ## Blind Effect 百葉窗特效（Blind Effect）通過將元素包裹在一個容器內，采用"拉百葉窗"效果來隱藏或顯示元素。 ## Bounce Effect 反彈特效（Bounce Effect）反彈一個元素。當與隱藏或顯示一起使用時，最后一次或第一次反彈會呈現淡入/淡出效果。 ## Clip Effect 剪輯特效（Clip Effect）通過垂直或水平方向夾剪元素來隱藏或顯示一個元素。 ## Color Animation 使用 .animate() 實現顏色動畫效果。 ## Drop Effect 降落特效（Drop Effect）通過單個方向滑動的淡入淡出來隱藏或顯示一個元素。 ## Easings Easing 函數指定動畫在不同點上的行進速度。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .effect() 對一個元素應用動畫特效。 ## Explode Effect 爆炸特效（Explode Effect）通過把元素裂成碎片來隱藏或顯示一個元素。 ## Fade Effect 淡入淡出特效（Fade Effect）通過淡入淡出元素來隱藏或顯示一個元素。 ## Fold Effect 折疊特效（Fold Effect）通過折疊元素來隱藏或顯示一個元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .hide() 使用自定義效果來隱藏匹配的元素。 ## Highlight Effect 突出特效（Highlight Effect）通過首先改變背景顏色來隱藏或顯示一個元素。 ## Puff Effect 通過在縮放元素的同時隱藏元素來創建膨脹特效（Puff Effect）。 ## Pulsate Effect 跳動特效（Pulsate Effect）通過跳動來隱藏或顯示一個元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") ## .removeClass() 當動畫樣式改變時，為匹配的元素集合內的每個元素移除指定的 Class。 ## Scale Effect 按照某個百分比縮放元素。 ## Shake Effect 垂直或水平方向多次震動元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .show() 使用自定義效果來顯示匹配的元素。 ## Size Effect 調整元素尺寸到指定寬度和高度。 ## Slide Effect 把元素滑動出視區。 Blind EffectAlso in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") ## .switchClass() 當動畫樣式改變時，為匹配的元素集合內的每個元素添加和移除指定的 Class。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") | [Methods](http://www.css88.com/jquery-ui-api/category/methods/ "View all posts in Methods") ## .toggle() 使用自定義效果來顯示或隱藏匹配的元素。 Also in: [Effects Core](http://www.css88.com/jquery-ui-api/category/effects-core/ "View all posts in Effects Core") | [Method Overrides](http://www.css88.com/jquery-ui-api/category/overrides/ "View all posts in Method Overrides") ## .toggleClass() 當動畫樣式改變時，根據 Class 是否存在以及 switch 參數的值，為匹配的元素集合內的每個元素添加或移除一個或多個 Class。 ## Transfer Effect 把一個元素的輪廓轉移到另一個元素。