Effects

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

Also in: Effects Core | 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 | Methods

.effect()

对一个元素应用动画特效。

Explode Effect

爆炸特效(Explode Effect)通过把元素裂成碎片来隐藏或显示一个元素。

Fade Effect

淡入淡出特效(Fade Effect)通过淡入淡出元素来隐藏或显示一个元素。

Fold Effect

折叠特效(Fold Effect)通过折叠元素来隐藏或显示一个元素。

Also in: Effects Core | Method Overrides | Methods

.hide()

使用自定义效果来隐藏匹配的元素。

Highlight Effect

突出特效(Highlight Effect)通过首先改变背景颜色来隐藏或显示一个元素。

Puff Effect

通过在缩放元素的同时隐藏元素来创建膨胀特效(Puff Effect)。

Pulsate Effect

跳动特效(Pulsate Effect)通过跳动来隐藏或显示一个元素。

Also in: Effects Core | Method Overrides

.removeClass()

当动画样式改变时,为匹配的元素集合内的每个元素移除指定的 Class。

Scale Effect

按照某个百分比缩放元素。

Shake Effect

垂直或水平方向多次震动元素。

Also in: Effects Core | Method Overrides | Methods

.show()

使用自定义效果来显示匹配的元素。

Size Effect

调整元素尺寸到指定宽度和高度。

Slide Effect

把元素滑动出视区。

Blind EffectAlso in: Effects Core

.switchClass()

当动画样式改变时,为匹配的元素集合内的每个元素添加和移除指定的 Class。

Also in: Effects Core | Method Overrides | Methods

.toggle()

使用自定义效果来显示或隐藏匹配的元素。

Also in: Effects Core | Method Overrides

.toggleClass()

当动画样式改变时,根据 Class 是否存在以及 switch 参数的值,为匹配的元素集合内的每个元素添加或移除一个或多个 Class。

Transfer Effect

把一个元素的轮廓转移到另一个元素。