JavaScript强化教程——jQuery UI API 类别
来源:互联网 发布:北京java薪资待遇 编辑:程序博客网 时间:2024/05/21 09:42
主要介绍:JavaScript强化教程—— jQuery UI API 类别
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) 把一个元素的轮廓转移到另一个元素。本文为 H5EDU 机构官方 HTML5培训 教程
0 0
- JavaScript强化教程——jQuery UI API 类别
- JavaScript强化教程——JQuery初级教程
- JavaScript强化教程——jQuery选择器
- JavaScript强化教程——jQuery选择器
- JavaScript强化教程——jQuery动画
- JavaScript强化教程——JQuery初级教程
- JavaScript强化教程——jQuery选择器
- JavaScript强化教程——jQuery动画
- JavaScript强化教程——jQuery - Chaining
- JavaScript强化教程——jQuery 核心
- JavaScript强化教程——编写第一个jQuery程序
- JavaScript强化教程——编写第一个jQuery程序
- JavaScript强化教程——jQuery - 获得内容和属性
- JavaScript强化教程——JQuery中的DOM编程
- JavaScript强化教程——编写第一个jQuery程序
- JavaScript强化教程——jQuery 动画2
- JavaScript强化教程——jQuery AJAX 实例
- JavaScript强化教程——jQuery AJAX 实例
- CSS双飞翼布局实例
- Cash Machine--多重背包
- 【NOIP2016提高A组模拟8.15】Password
- 解剖Nginx·模块开发篇(5)解读内置非默认模块 ngx_http_stub_status_module
- FluentPDO备忘
- JavaScript强化教程——jQuery UI API 类别
- Unix/linux进程及线程间同步技术总结
- wpf devexpress gridcontrol捕获集合改变事件
- hdu5842-Lweb and String-续缘之路
- INFORMATICA学习之路-01-安装问题1-PING不通DOMAIN
- laravel框架写库关联导航栏
- iOS-ReactiveCocoa(RAC)的初步了解以及基本使用
- 管理进程和计划任务
- appserv中使用mysql时向数据库中添加数据时报错