jquery ui effect

jquery ui effect

作者:LAMP小白  点击:2014  发布日期:2012-12-25 23:08:00  返回列表
effect可以通过

$("selector").effect(effect,[option],[speed],[callback])

或者是jQuery中包装的show和hide方法调用

效果列表

blind: 百叶窗

  mode:值为hide/show

  direction:值为vertical/horizontal



bounce: 弹跳

  direction: 值为up/down/left/right

  distance: 值为数值,默认为20

  times: 值为数值,默认为5

  duration:值为数值,每个弹跳的速度,默认值250ms

  

clip:中分

  mode:值为show/hide

  direction:值为vertical/horizontal



drop 掉落

  direction: 值为left/right/top/down

  mode: 值为show/hide

  distance:值为数值。



explode 碎片

  pieces: 值为数字,爆炸的块数。默认为9

  mode: 值为show/hide/toggle



fade 渐隐

  mode: 值为show/hide



fold 分割或合并

  mode:值为show/hide

  size: 值为数值,折叠的大小,默认为15

  horizFirst:bool值,是否先水平方向折叠

  

highlight 改变背景色

  mode: 值为show/hide

  color: 值为颜色值,默认为#ffff99



pulsate 调高或调低透明度

  mode:值为show/hide

  times:值为数值,跳动的次数

  

puff 放大或缩小

  mode:值为show/hide

  percent: 值为数值,膨胀的比例,默认为150

  

scale 百分比放大或缩小

  mode:值为show/hide

  percent: 值为数值

  direction:vertical/horizontal/both

  origin:原始大小

  from: 效果开始的大小

shake 晃动

  mode:值为show/hide

  direction: 值为left/right/up/down,默认值left

  distance: 值为数字,默认值20

  times:值为数字

  duration:每次效果的速度


size 宽高

  mode:值为show/hide

  restore: bool类型,默认false

  scale:vertical/horizontal/both

  origin:原始大小

  from:从一定的高度和宽度开始

  to:到一定的高度和宽度结束
  

slide 移动

  mode:值为show/hide

  direction: 值为left/right/up/down

  distance: 值为数值

  

transfer

  to:目标jQuery对象

  className: 需要添加的css样式名称.


上一篇:命名空间 下一篇:快递查询API
0