codecamp

jQuery UI API 类别 – 特效

jQuery UI API 类别 - 特效(Effects)

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 API 文档
jQuery UI API 类别 – 特效核心
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }