# 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
把一個元素的輪廓轉移到另一個元素。
- 索引
- Effects
- .addClass()
- Blind Effect
- Bounce Effect
- Clip Effect
- Color Animation
- Drop Effect
- Easings
- .effect()
- Explode Effect
- Fade Effect
- Fold Effect
- .hide()
- Highlight Effect
- Puff Effect
- Pulsate Effect
- .removeClass()
- Scale Effect
- Shake Effect
- .show()
- Size Effect
- Slide Effect
- .switchClass()
- .toggle()
- .toggleClass()
- Transfer Effect
- Effect Core
- .addClass()
- Color Animation
- .effect()
- .hide()
- .removeClass()
- .show()
- .switchClass()
- .toggle()
- .toggleClass()
- Interactions
- Draggable Widget
- Droppable Widget
- Mouse Interaction
- Resizable Widget
- Resizable Widget
- Selectable Widget
- Sortable Widget
- Method Overrides
- .addClass()
- .focus()
- .hide()
- .position()
- .removeClass()
- .show()
- .toggle()
- .toggleClass()
- Methods
- .disableSelection()
- .effect()
- .enableSelection()
- .focus()
- .hide()
- .position()
- .removeUniqueId()
- .scrollParent()
- .show()
- .toggle()
- .uniqueId()
- .zIndex()
- Selectors
- :data() Selector
- :focusable Selector
- :tabbable Selector
- Theming
- CSS 框架(CSS Framework)
- Icons
- Stacking Elements
- UI Core
- :data() Selector
- .disableSelection()
- .enableSelection()
- .focus()
- :focusable Selector
- .removeUniqueId()
- .scrollParent()
- :tabbable Selector
- .uniqueId()
- .zIndex()
- Utilities
- Easings
- Widget Factory
- Widget Plugin Bridge
- Mouse Interaction
- .position()
- Widgets
- Accordion Widget
- Autocomplete Widget
- Button Widget
- Datepicker Widget
- Dialog Widget
- Menu Widget
- Progressbar Widget
- Slider Widget
- Spinner Widget
- Tabs Widget
- Tooltip Widget