jQuery UI API 类别 - 特效(Effects)
2023-09-14 09:04:53 时间
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) | 把一个元素的轮廓转移到另一个元素。 |
相关文章
- 常见后台jquery ui tabs方法实战
- jQuery - 下拉框
- jquery提示信息 tips
- 引入外部 CDN失效时--怎么加载本地资源文件(本文以jquery为例)
- jquery判断滚动到某个div显示底部按钮
- jquery制作一个简单的轮播
- Jquery实现Bootstrap树形列表
- open-flash-chart + PHP + jQuery实例
- iframe中的jquery ui modal dialog 覆盖父窗口
- HTML里Dom onload和jQuery document ready这两个事件的区别
- atitit.jQuery Validate验证框架详解与ati Validate 设计新特性
- Atitit。监听键盘上下左右方向键事件java js jquery c#.net
- jQuery.noConflict() 解决冲突 原理深入
- jQuery UI dialog实现dialog弹框显示
- jQuery UI 实例 - 转换 Class(Switch Class)
- jQuery UI 实例 - 拖动(Draggable)
- jQuery UI API 类别 - 主题(Theming)
- jQuery UI API 类别 - 特效核心(Effects Core)
- jQuery UI 小部件(Widget)方法调用
- jQuery UI ThemeRoller
- jQuery UI 定制
- jQuery UI 下载
- 使用Jquery+EasyUI进行框架项目开发案例解说之中的一个---员工管理源代码分享
- jQuery訪问属性,绝对定位
- jQuery 核心函数
- jquery多图片上传预览demo效果示例(整理)