jQuery效果

1、基本
  • show( [speed, [easing], [fn]] )
  • hide( [speed, [easing], [fn]] )
  • toggle( [speed, [easing], [fn]] )
  1. 参数都可以省略, 无动画直接显示。
  2. speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。
  3. easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”。
  4. fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
2、滑动
  • slideDown( [speed, [easing], [fn]] ])
  • slideUp( [speed, [easing], [fn]] )
  • slideToggle( [speed, [easing], [fn]] )
  1. 参数都可以省略。
  2. speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。
  3. easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”。
  4. fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。
3、淡入淡出
  • fadeIn( [speed, [easing], [fn]] )
  • fadeOut( [speed, [easing], [fn]] ])
  • fadeToggle( [speed, [easing], [fn]] )
  • fadeTo([[speed],opacity,[easing],[fn]])
  1. 除了 fadeTo() 外,其他方法中的参数都可以省略。
  2. speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。
  3. easing:(Optional) 用来指定切换效果,默认是“swing”,可用参数“linear”。
  4. fn: 回调函数,在动画完成时执行的函数,每个元素执行一次。

fadeTo() 方法的参数 opacity ( 0~1之间的数值) 和 speed 必须给定数值。

4、自定义
  • animate(params, [speed, [easing], [fn]] )

    params: 想要更改的样式属性,以对象形式传递,必须写。 属性名可以不用带引号, 如果是复合属性则需要采取驼峰命名法 borderLeft。其余参数同其他效果方法一样。

  • stop()
    动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。stop() 方法用于停止动画或效果。

    stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。

  • delay(duration,[queueName])

    设置一个延时来推迟执行队列中之后的项目。duration: 延时时间,单位:毫秒;queueName: 队列名词,默认是Fx,动画队列。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值