jquery动画

这里只介绍基本用法，详细用法见jquery API 文档。

参数说明：

• duration (默认: 400)
  类型: Number or String
  一个字符串或者数字决定动画将运行多久。
• 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.

　　参数jumpToEnd:(默认值是false)

　　　　类型: Boolean

　　　　一个布尔值指示是否当前动画立即完成。默认 false.

　　.dequeue( [queueName ]):执行匹配元素队列的下一个函数。

　　参数queueName:

　　　　类型: String

　　　　一个含有队列名的字符串。默认是 fx，标准的效果队列。

　　　　当 .dequeue()被调用的时候，列队中的下一个函数将从这个列队中被移除，然后再执行。这个执行的函数中也应当直接或间接的包含 .dequeue()语句，这样才能继续执行队　　　　列中的其它函数，所以,这个序列可以继续。

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

　　 .delay( duration [, queueName ] ):设置一个延时来推迟执行队列中后续的项

 

动画算法插件：

　　easing官网：http://gsgd.co.uk/sandbox/jquery/easing/

 

 

转载于:https://www.cnblogs.com/yangchaojun/p/6880076.html