码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript强化教程——jQuery UI API 类别

时间:2016-08-15 14:39:11      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:百叶窗   动画   元素   

主要介绍: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 类别

标签:百叶窗   动画   元素   

原文地址:http://11952703.blog.51cto.com/11942703/1838226

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!