Jquery 动画

1：隐藏元素hide
语法：$elem.hide()
注： show和hide方法是修改display属性
显示元素 show 使用方法同hide一致。

2：显示与隐藏切换toggle
1：toggle() 处理显示或隐藏
2：toggle([duration],[complete]) 提供动画时间， 动画结束的回调
3：toggle(display) 直接指定要改变的元素的最终效果
语法：.toggle(speed,callback,switch) 【speed:可选，规定元素从可见到隐藏的速度（或者相反）,在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度,如果设置此参数，则无法使用 switch 参数; callback:可选，toggle 函数执行完之后，要执行的函数，除非设置了 speed 参数，否则不能设置该参数；switch：可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素，如果设置此参数，则无法使用 speed 和 callback 参数。】

3：下拉动画 slideDown
语法：.slideDown([duration],[complete]) 提供一个动画的时间，然后传递一个回调函数；也可以只提供一个参数：动画时间。 参数都是可选参数

4：上卷动画 slideUp
4.1:语法：$(“elem”).slideUp()
4.2:语法:.slideUp([duration],[easing],[complete]) 提供一个时间，使用一种过渡的缓慢函数【参数都是可选的】

5：上卷和下拉切换slideToggle
5.1：.slideToggle()
5.2: .slideToggle([duration],[complete]) 提供时间，动画结束的回调

6：淡出动画 fadeOut
fadeOut()函数用于隐藏所有匹配的元素，并带有淡出的过度动画效果。
$(selector).fadeOut(speed,callback)[*speed:可选，规定元素从可见到隐藏的速度，元素从可见到隐藏的过程中，会逐渐地改变其透明度；callback：动画结束后的回调函数]*
淡入动画 fadeIn的用法同fadeOut一致。
**淡入淡出切换**fadeToggle用法同slideToggle一致

7：淡入效果fadeTo
语法：.fadeTo(duration,opacity,callback) [可选参数淡入的时间也可说是速度；必需参数规定要淡入或淡出的透明度；可选参数，效果结束后的回调函数]
淡出效果fadeOut 用法同上

8：动画animate
语法1：$(selector).animate({styles},speed,easing,callback)[styles:必需，规定产生动画效果的一个或多个 CSS 属性/值,注意：styles当与 animate() 方法一起使用时，该属性名称必须是驼峰写法： 您必须使用 paddingLeft 代替 padding-left，marginRight 代替 margin-right，依此类推。；speed：可选，规定动画的速度（‘毫秒’，‘slow’’fast’）;easing:可选，规定在动画的不同点中元素的速度（”swing” - 在开头/结尾移动慢，在中间移动快；”linear” - 匀速移动）；callback:可选，animate 函数执行完之后，要执行的函数。]
语法2：$(selector).animate(styles,options)【styles：必需，规定产生动画效果的 CSS 样式和值（同上）；options：可选，规定动画的额外选项。（speed - 设置动画的速度
easing - 规定要使用的 easing 函数
callback - 规定动画完成之后要执行的函数
step - 规定动画的每一步完成之后要执行的函数
queue - 布尔值。指示是否在效果队列中放置动画。如果为 false，则动画将立即开始
specialEasing - 来自 styles 参数的一个或多个 CSS 属性的映射，以及它们的对应 easing 函数）】

9：停止动画stop
语法1：$(selector).stop(stopAll,goToEnd)【stopAll：可选，规定是否停止被选元素的所有加入队列的动画；goToEnd：可选。规定是否允许完成当前的动画，该参数只能在设置了 stopAll 参数时使用。】
停止动画代码：

在当前动画完成后停止动画队列代码：