55面试教程网 jQuery UI 技术教程
jQuery UI 技术教程
jQuery UI 教程jQuery UI 简介jQuery UI 下载jQuery UI 使用jQuery UI 定制jQuery UI 工作原理jQuery UI 主题jQuery UI ThemeRollerjQuery UI CSS 框架 APIjQuery UI 设计主题jQuery UI 部件库jQuery UI 通过部件库扩展小部件jQuery UI 小部件方法调用jQuery UI 为什么使用部件库jQuery UI 如何使用部件库jQuery UI API 文档jQuery UI API 类别 – 特效jQuery UI API 类别 – 特效核心jQuery UI API 类别 – 交互jQuery UI API 类别 – 方法重载jQuery UI API 类别 – 方法jQuery UI API 类别 – 选择器jQuery UI API 类别 – 主题jQuery UI API 类别 – UI 核心jQuery UI API 类别 – 实用工具jQuery UI API 类别 – 小部件jQuery UI 实例jQuery UI 实例 – 拖动(Draggable)jQuery UI 实例 – 放置(Droppable)jQuery UI 实例 – 缩放(Resizable)jQuery UI 实例 – 选择(Selectable)jQuery UI 实例 – 排序(Sortable)jQuery UI 实例 – 折叠面板(Accordion)jQuery UI 实例 – 自动完成(Autocomplete)jQuery UI 实例 – 按钮(Button)jQuery UI 实例 – 日期选择器(Datepicker)jQuery UI 实例 – 对话框(Dialog)jQuery UI 实例 – 菜单(Menu)jQuery UI 实例 – 进度条(Progressbar)jQuery UI 实例 – 滑块(Slider)jQuery UI 实例 – 旋转器(Spinner)jQuery UI 实例 – 标签页(Tabs)jQuery UI 实例 – 工具提示框(Tooltip)jQuery UI 实例 – 特效(Effect)jQuery UI 实例 – 显示(Show)jQuery UI 实例 – 隐藏(Hide)jQuery UI 实例 – 切换(Toggle)jQuery UI 实例 – 添加 Class(Add Class)jQuery UI 实例 – 移除 Class(Remove Class)jQuery UI 实例 – 切换 Class(Toggle Class)jQuery UI 实例 – 转换 Class(Switch Class)jQuery UI 实例 – 颜色动画(Color Animation)jQuery UI 实例 – 定位(Position)jQuery UI 实例 – 部件库(Widget Factory)

jQuery UI API 类别 – 特效

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) 把一个元素的轮廓转移到另一个元素。