码迷,mamicode.com
首页 > Web开发 > 详细

jQuery UI特效

时间:2014-11-21 01:18:50      阅读:462      评论:0      收藏:0      [点我收藏+]

标签:style   io   ar   os   使用   sp   for   on   bs   

      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特效

标签:style   io   ar   os   使用   sp   for   on   bs   

原文地址:http://www.cnblogs.com/surahe/p/4110328.html

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