jQuery UI特效
浏览数：59 /
时间：2015年06月09日
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 | 替换内部函数来改变元素的位置 |
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
