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 ...
随机推荐
- JavaScript获取图片的原始尺寸
页面里的img元素,想要获取它的原始尺寸,以宽度为例可能首先想到的就是width,如下 <img src="http://img11.360buyimg.com/da/g14/M07/ ...
- 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
Zero Clipboard的实现原理Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flas ...
- Unity3D 常用插件
1.FX Maker FX Maker是一款制作特效的工具,它专为移动操作系统做了优化.FX Maker包括300种Prefab特效,300种纹理结构.100种网格.100种曲线效果.支持英文和韩文, ...
- LoRaWAN协议(六)--OTAA KEY生成过程
前言 通过OTAA方式入网的设备,通讯时使用的KEY需要通过服务器获得,在入网之间,设备无法通讯. 相关的OTAA入网流程已经在上一章中讲解过了,有兴趣的可以去看看**LoRaWAN协议(五)__OT ...
- Quartz Java resuming a job excecutes it many times--转
原文地址:http://stackoverflow.com/questions/1933676/quartz-java-resuming-a-job-excecutes-it-many-times Q ...
- JS中的原型继承机制
转载 http://blog.csdn.net/niuyongjie/article/details/4810835 在学习JS的面向对象过程中,一直对constructor与prototype感到很 ...
- Azure Redis Cache (3) 创建和使用P级别的Redis Cache
<Windows Azure Platform 系列文章目录> 在笔者之前的文档里面已经说明了,Azure Redis Cache分为三个不同的级别: - 基本,Basic,不包含SLA ...
- springmvc学习笔记--json--返回json的日期格式问题
(一)输出json数据 springmvc中使用jackson-mapper-asl即可进行json输出,在配置上有几点: 1.使用mvc:annotation-driven 2.在依赖管理中添加ja ...
- SQL Server 存储(5/8):理解IAM 页
在以前的文章里,我们讨论了数据页,GAM和SGAM,还有PFS页.今天我们一起来讨论下索引分配映射(Index Allocation Map:IAM)页. 在SQL Server 2005和以后的版本 ...
- bash魔法堂:History用法详解
Brief 又要敲那条长到没朋友的命令了,真心不再爱了... 有了history这条命令我想大家可以再爱一次了吧! >history 语法: history [n | -c | -raw his ...