JavaScript强化教程——jQuery UI API 类别
---恢复内容开始---
主要介绍: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培训 教程
---恢复内容结束---
JavaScript强化教程——jQuery UI API 类别的更多相关文章
- JavaScript强化教程——jQuery AJAX 实例
什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML).简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据 ...
- JQuery强化教程 —— jQuery Easing
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: ...
- JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
1. 设置屏幕适配策略(Resolution Policy) 如果你还没有用过Resolution Policy,只需要在游戏载入过程完成之后(cc.game.onStart函数回调中),调用下面的代 ...
- JavaScript强化教程——JavaScript 总结
本教程中我们向您讲授了如何向 html 页面添加 JavaScript,使得网站的动态性和交互性更强. 你已经学习了如何创建对事件的响应,验证表单,以及如何根据不同的情况运行不同的脚本. 你也学到了如 ...
- JavaScript强化教程——Cocos2d-JS中JavaScript继承
javaScript语言本身没有提供类,没有其它语言的类继承机制,它的继承是通过对象的原型实现的,但这不能满足Cocos2d-JS引擎的要求.由于Cocos2d-JS引擎是从Cocos2d-x演变而来 ...
- JavaScript强化教程 - 六步实现贪食蛇
1.首先创建div 并且给div加样式 <div id="pannel" style="width: 500px;height: 500px;z-index: 1; ...
- JavaScript强化教程 -- cocosjs场景切换
场景切换 在main.js,将StartScene作为我们初始化运行的场景,代码如下: cc.LoaderScene.preload(g_resources, function () { cc.dir ...
- node-webkit教程<>Native UI API 之Menu(菜单)
node-webkit教程(6)Native UI API 之Menu(菜单)1 前言... 2 6.1 Menu 概述... 3 6.2 menu api6 6.2.1 new Menu([o ...
- jQuery UI API - 可拖拽小部件(Draggable Widget)(转)
所属类别 交互(Interactions) 用法 描述:允许使用鼠标移动元素. 版本新增:1.0 依赖: UI 核心(UI Core) 部件库(Widget Factory) 鼠标交互(Mouse I ...
随机推荐
- Oracle身份认证方式
Oracle对于普通账户和超级管理员(指sysdba和sysoper)的认证机制不一样,前者是通过数据字典,后者主要是通过操作系统验证和密码文件验证.因此一般提到操作系统认证或密码文件认证,针对的都是 ...
- Yii2的深入学习--yii\base\Object 类
之前我们说过 Yii2 中大多数类都继承自 yii\base\Object,今天就让我们来看一下这个类. Object 是一个基础类,实现了属性的功能,其基本内容如下: <?php namesp ...
- c#方法重载,可选参数,命名参数。
其实这里没什么可说哦,c++的语法大同小异.先看一段代码. class Program { public static void Test(int a) { Console.WriteLine(&qu ...
- 【干货】如何通过OPC自定义接口来实现客户端数据的读取?
上篇博文分享了我的知识库,被好多人关注,受宠若惊.今天我把我在项目中封装的OPC自定义接口的程序分享一下.下面将会简单简单介绍下OPC DA客户端数据访问,以及搭配整个系统的运行环境. OPC(OLE ...
- HTML5在移动端开发的12大特性
1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以 ...
- SQL Server安全(8/11):数据加密(Data Encryption)
在保密你的服务器和数据,防备当前复杂的攻击,SQL Server有你需要的一切.但在你能有效使用这些安全功能前,你需要理解你面对的威胁和一些基本的安全概念.这篇文章提供了基础,因此你可以对SQL Se ...
- 使用redis和fastjson做应用和mysql之间的缓存
第一次做这种javaweb的项目,难免还是要犯很多错误. 大概也知道,redis常常被用来做应用和mysql之间的缓存.模型大概是这样子的. 为了让redis能够缓存mysql数据库中的数据,我写了很 ...
- JPG渐进 & PNG/PNG24 交错测试
今天由同事说起,PS导出PNG时,有个选项"交错"是干啥的,想起这也是个问题,所以特意搞了个测试页面: 引用网上"交错-就是类似旧式电视的隔行扫描,让图片只花50%的时间 ...
- 【Swift学习】Swift编程之旅---可选链(二十一)
可选链Optional Chaining是一种可以在当前值可能为nil的可选值上请求和调用属性.方法及下标的方法.如果可选值有值,那么调用就会成功:如果可选值是nil,那么调用将返回nil.多个调用可 ...
- 在Visual Studio 2015 Preview 中使用Github 版本控制
打开Visual Studio,新建项目,右下角勾选,如下图: 点击‘OK’后,出现下图窗口,选择'Git' : 如果是现有项目可以在‘文件’菜单下找到‘Add to Source Control’ ...