jQuery UI API 类别 - 特效 - JQuery UI教程-OStack程序员社区-中国程序员成长平台

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› JQuery›JQuery UI教程

jQuery UI API 类别 - 特效

原作者: [db:作者] 来自: [db:来源] 收藏邀请

jQuery UI API 类别 - 特效（Effects）

jQuery UI在jQuery内置的特效上添加了一些功能。jQuery UI支持颜色动画和Class转换，同时也提供了一些额外的Easings。另外，提供了一套完整的定制特效，供显示和隐藏元素时或者只是添加一些视觉显示时使用。

API	描述	也属于类别
.addClass()	当动画样式改变时，为匹配的元素集合内的每个元素添加指定的Class。	特效核心（Effects Core） \| 方法重载（Method Overrides）
百叶窗特效（Blind Effect）	百叶窗特效（Blind Effect）通过将元素包裹在一个容器内，采用"拉百叶窗"效果来隐藏或显示元素。
反弹特效（Bounce Effect）	反弹特效（Bounce Effect）反弹一个元素。当与隐藏或显示一起使用时，最后一次或第一次反弹会呈现淡入/淡出效果。
剪辑特效（Clip Effect）	剪辑特效（Clip Effect）通过垂直或水平方向夹剪元素来隐藏或显示一个元素。
颜色动画（Color Animation）	使用.animate()实现颜色动画效果。
降落特效（Drop Effect）	降落特效（Drop Effect）通过单个方向滑动的淡入淡出来隐藏或显示一个元素。
Easings	Easing函数指定动画在不同点上的行进速度。
.effect()	对一个元素应用动画特效。	特效核心（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）	通过在缩放元素的同时隐藏元素来创建膨胀特效（Puff Effect）。
跳动特效（Pulsate Effect）	跳动特效（Pulsate Effect）通过跳动来隐藏或显示一个元素。
.removeClass()	当动画样式改变时，为匹配的元素集合内的每个元素移除指定的Class。	特效核心（Effects Core） \| 方法重载（Method Overrides）
缩放特效（Scale Effect）	按照某个百分比缩放元素。
震动特效（Shake Effect）	垂直或水平方向多次震动元素。
.show()	使用自定义效果来显示匹配的元素。	特效核心（Effects Core） \| 方法重载（Method Overrides） \| 方法（Method）
尺寸特效（Size Effect）	调整元素尺寸到指定宽度和高度。
滑动特效（Slide Effect）	把元素滑动出视区。
.switchClass()	当动画样式改变时，为匹配的元素集合内的每个元素添加和移除指定的Class。	特效核心（Effects Core）
.toggle()	使用自定义效果来显示或隐藏匹配的元素。	特效核心（Effects Core） \| 方法重载（Method Overrides） \| 方法（Method）
.toggleClass()	当动画样式改变时，根据Class是否存在以及switch参数的值，为匹配的元素集合内的每个元素添加或移除一个或多个Class。	特效核心（Effects Core） \| 方法重载（Method Overrides）
转移特效（Transfer Effect）	把一个元素的轮廓转移到另一个元素。