jQuery动画操作

三组基本动画

	显示	隐藏	切换
1	show	hide	toggle
2	slideUp（滑入）	slideDown（滑出）	slideToggle
3	fadeIn（淡入）	fadeOut（淡出）	slideToggle

使用形式：

show([speed], [callback]);
//speed(可选)：动画的执行时间
	 //1.如果不传，就没有动画效果。如果是slide和fade系列，会默认为normal
	 //2.毫秒值(比如1000),动画在1000毫秒执行完成(推荐)
     //3.固定字符串，slow(200)、normal(400)、fast(600)，如果传其他字符串，则默认为normal。
//callback(可选):执行完动画后执行的回调函数

自定义动画

animate

$(selector).animate({params},[speed],[easing],[callback]);
// {params}：要执行动画的CSS属性，带数字（必选）
// speed：执行动画时长（可选）
// easing:执行效果，默认为swing（缓动）  可以是linear（匀速）
// callback：动画执行完后立即执行的回调函数（可选）

动画队列与停止动画

stop
在同一个元素上执行多个动画，那么对于这个动画来说，后面的动画会被放到动画队列中，等前面的动画执行完成了才会执行。

stop(clearQueue, jumpToEnd);
//第一个参数：是否清除队列
//第二个参数：是否跳转到最终效果