12.2.4 jQuery动画

基本效果

show([s,[e],[fn]]):显示隐藏的匹配元素。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

hide([s,[e],[fn]]):隐藏显示的元素。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

toggle([s],[e],[fn]):用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件,如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

speed: 隐藏/显示 效果的速度。默认是 “0"毫秒。可能的值:slow,normal,fast。”

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

滑动效果

slideDown([s],[e],[fn]):通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn在动画完成时执行的函数,每个元素执行一次。

slideUp([s,[e],[fn]]):通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

slideToggle([s],[e],[fn]):通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

淡入淡出效果

fadeIn([s],[e],[fn]):通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

fadeOut([s],[e],[fn]):通过不透明度的变化来实现所有匹配元素的淡出效果,并在动画完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

fadeTo([[s],o,[e],[fn]]):把所有匹配元素的不透明度以渐进方式调整到指定的不透明度,并在动画完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

opacity:一个0至1之间表示透明度的数字。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

fadeToggle([s,[e],[fn]]):通过不透明度的变化来开关所有匹配元素的淡入和淡出效果,并在动画完成后可选地触发一个回调函数。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"。

fn:在动画完成时执行的函数,每个元素执行一次。

自定义效果

animate(p,[s],[e],[fn]):用于创建自定义动画的函数。

这个函数的关键在于指定动画形式及结果样式属性对象。

这个对象中每个属性都表示一个可以变化的样式属性(如“height”、“top”或“opacity”)。

注意:所有指定的属性必须用骆驼形式。

params:一组包含作为动画属性和终值的样式属性和及其值的集合。

speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如:1000)。

easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 “swing”。

fn:在动画完成时执行的函数,每个元素执行一次。

stop([c],[j]):停止所有在指定元素上正在运行的动画。

如果队列中有等待执行的动画(并且clearQueue没有设为true),他们将被马上执行。

clearQueue:如果设置成true,则清空队列。可以立即结束动画。

gotoEnd:让当前正在执行的动画立即完成,并且重设show和hide的原始样式,调用回调函数等。

delay(d,[q]):设置一个延时来推迟执行队列中之后的项目。

duration:延时时间,单位:毫秒。

queueName:队列名词,默认是Fx,动画队列。

finish([queue]):停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。

停止动画队列中的名称。

设置

jQuery.fx.off:关闭页面上所有的动画。

把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)。

发布了695 篇原创文章 · 获赞 162 · 访问量 25万+

猜你喜欢

转载自blog.csdn.net/weixin_43336281/article/details/104634331