jquery动画
这里只介绍基本用法,详细用法见jquery API 文档。
参数说明:
-
duration (默认:
400
)一个字符串或者数字决定动画将运行多久。 - complete
类型: Function()
基础动画:
隐藏 .hide() :括号内可以传参,参数可以为时间,或者是'fast','slow','normal'三个字符串之一
显示 .show():括号内可以传参,参数可以为时间,或者是'fast','slow','normal'三个字符串之一
自动切换 .toggle():括号内可以传参,参数可以为时间,或者是'fast','slow','normal'三个字符串之一
渐变动画:
.fadeIn( [duration ] [, complete ]) :透明度(opacity)从0变成1
.fadeOut(): 透明度(opacity)从1到0
.fadeTo(duration, opacity [, complete ]):调整匹配元素的透明度。opacity为(0,1)之间的某个数字,如0.5,0最好去掉0.5=>.5
.fadeToggle():切换淡入和淡出的效果
滑动动画:
.sildeDown( [duration ] [, complete ] ):用滑动动画显示匹配元素
.slideUp( [duration ] [, complete ] ):用滑动动画隐藏匹配元素
.slideToggle( [duration ] [, complete ] ):用滑动动画显示或隐藏匹配元素
自定义动画:
.animate( properties [, duration ] [, easing ] [, complete ] ):根据一组 CSS 属性,执行自定义动画
properties: 类型: PlainObject 一个CSS属性和值的对象,动画将根据这组对象移动。(json格式) (动画累加或累减)
[easing] 类型:string 一个字符串,表示过渡使用哪种缓动函数。(译者注:jQuery自身提供"linear" 和 "swing")
动画队列:
stop( [clearQueue ] [, jumpToEnd ] ):停止匹配元素当前正在运行的动画
参数clearQueue: (默认值是false)
类型: Boolean
false
.false
.fx
,标准的效果队列。.dequeue()
被调用的时候,列队中的下一个函数将从这个列队中被移除,然后再执行。这个执行的函数中也应当直接或间接的包含 .dequeue()
语句,这样才能继续执行队 列中的其它函数,所以,这个序列可以继续。