首页 > 代码库 > jQuery UI特效
jQuery UI特效
effect(type, options, speed, callback)
$.() 字符串 {对象}
type | 效果 |
blind | 百叶窗 |
bounce | 弹跳 |
clip | 将两条相对的边移动至中间相遇 |
drop | 掉出页面 |
explode | 分解成碎片散射 |
fade | |
fold | 合并相对的一组边框,对另一组边框做相同操作 |
highlight | 改变元素的背景颜色 |
puff | 调整不透明度时原地放大或缩小 |
pulsate | 闪烁 |
scale | 通过百分比放大或缩小 |
shake | 来回晃动元素 |
size | 重新设定元素的宽度和高度 |
slide | 滑入 |
transfer | 为临时创建的轮廓元素应用动画,使元素像移动到另一个元素 |
options:核心animate()方法定义的指定特效的选项
扩展方法
使用上表的所有特性
show(effect, options, speed, callback)
hide(effect, options, speed, callback)
toggle(effect, options, speed, callback)
扩展类转换方法
addClass(class, speed, easing, callback)
removeClass(class, speed, easing, callback)
toggleClass(class, force, speed, easing, callback)
easing:传入animate()方法的缓动函数的名称
force:如果指定为true,则强制toggleClass()方法添加类名,指定为false则强制删除类名
switchClass(removed, added, speed, easing, callback)
使用一个转换特性删除指定的一个或多个类,同时增加指定的一个或多个特效
缓动特效
jQuery核心提供了两个缓动特效:linear和swing。jQuery UI将swing重命名为jswing,添加了自己的swing版本。
backgroundPosition | borderWidth | borderBottomWidth |
borderLeftWidth | borderRightWidth | borderTopWidth |
borderSpacing | margin | marginBottom |
marginLeft | marginRight | marginTop |
outlineWidth | padding | paddingBottom |
paddingLeft | paddingRight | paddingTop |
height | width | maxHeight |
maxWidth | minHeight | minWidth |
font | fontSize | bottom |
left | right | top |
letterSpacing | wordSpacing | lineHeight |
textIndent |
高级定位
position(options):使用options的信息对包装元素绝对定位
选项 | 描述 |
my | 指定包装元素的位置来使其与目标元素或在at里设置的位置对齐,由top、left、bottom、right和center的两个值构成 |
at | 指定目标元素的位置作为重定位元素的目标位置 |
of | 目标元素的选择器 ,或者作为目标位置的包含鼠标坐标的Event实例 |
offset | 添加到计算出来的位置的偏移量,分别作为left和top,指定单个则同时应用到left和top |
collision | 当被定位元素超出窗体边界指定应用的规则 |
using | 替换内部函数来改变元素的位置 |
jQuery UI特效
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。