# Easings
動畫緩沖函數可以確定在動畫過程中不同時刻的動畫速度。 jQuery內核自帶有2種動畫漸變: `linear`,整個動畫在一個恒定的速度中進行(勻速) ,和`swing` (jQuery內核的默認漸變效果),此效果開始和結束的速度要比中間過程的速度要慢。 jQuery UI還提供了其它一些額外的漸變函數,這些函數會在 `swing`效果中搜索變量來自定義其它效果,比如bouncing(反彈)。
一些緩沖函數在動畫過程中會產生負數值。呈現動畫效果的屬性不同, 某些屬性的實際值可能會在為0時被鎖定。例如,你可以將`left`值漸變為一個負數,但是你不能將`height`或者`opacity`的值緩沖為一個負數。
理解動畫緩沖如何影響動畫最好的方式就是查看對應的函數圖像。下面列出了jQuery UI中所有動畫的函數圖像。
- 索引
- 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