jquery动画效果

隐藏和显示
hide() 和 show()
使用 hide() 和 show() 方法来隐藏和显示 HTML 元素
hide() 和 show() 分别可以携带两个可选参数，一个是speed参数另外一个是callback参数

toggle()方法
切换 hide() 和 show() 方法
toggle() 可以携带两个可选参数，一个是speed参数另外一个是callback参数

淡入和淡出
fadeIn()和fadeOut()
fadeIn() 用于淡入已隐藏的元素，fadeOut() 方法用于淡出可见元素
fadeIn() 和 fadeOut() 分别可以携带两个可选参数，一个是speed参数另外一个是callback参数

fadeToggle() 方法
可以在 fadeIn() 与 fadeOut() 方法之间进行切换

fadeTo() 方法
允许渐变为给定的不透明度（值介于 0 与 1 之间）
语法：$(selector).fadeTo(speed, opacity, callback);

展开和收起
slideDown()和slideUp()
slideDown() 方法用于向下滑动元素，slideUp() 方法用于向上滑动元素
slideDown() 和 slideUp() 分别可以携带两个可选参数，一个是speed参数另外一个是callback参数

slideToggle() 方法
slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。

自定义动画
使用animate()方法来自定义动画
语法：$(selector).animate({params}, speed, easing, callback);
params：【必须】一组包含作为动画属性和终值的样式属性和及其值的集合。
speed：【可选】规定隐藏/显示的速度，时间单位为毫秒。
easing：【可选】规定在不同的动画点中设置动画速度的 easing 函数，默认jQuery提供\”linear\” 和 \”swing\”。
callback：【可选】规定动画完成后所执行的函数名称

停止动画
使用stop()方法来停止动画
语法：$(selector).stop(stopAll, goToEnd);
stopAll：【可选】是否清空当前的队列。默认值为false, 当值为true时, 表示立即清空当前的队列，后面的动画都不执行了
goToEnd：可选】是否立即执行完当前动画。默认值为false, 当值为true时， 表示立即执行完当前动画，然后再执行别的动画