本文实例讲述了jQuery三组基本动画与自定义动画操作。分享给大家供大家参考，具体如下：
jQuery提供了三组基本动画，分别是显示与隐藏、淡入与淡出、滑入与画出，这三组基本动画都是标准的、有规律的的效果，jQuery还提供了一个自定义动画。
1、显示（show）与隐藏（hide）
显示(show)与隐藏(hide)是一组动画
1.1 show方法
show([speed,[easing],[callback]])
参数speed，可选，动画的执行时间
如果不传，就没有动画效果。
毫秒值(比如1000),动画在1000毫秒执行完成(推荐)
固定字符串，slow(200)、normal(400)、fast(600)，如果传其他字符串，则默认为normal。
参数callback，可选，执行完动画后执行的回调函数，每个元素执行一次。
参数easing，可选，这里先不讲，后面统一讲
1.2 hide方法
与show方法的用法完全一致。
1.3 原理
show和hide修改的是元素的width、height、opacity。
2、滑入（sliderDown）与隐藏（sliderUp）
滑入(slideUp)与滑出(slideDown)是一组动画，效果与卷帘门类似
slideUp/slideDown,使用方法与show/hide基本一致。
2.1 用法
slideDown([speed],[easing],[callback])
参数speed，可选，动画的执行时间
如果不传，默认为normal，注意区分show/hide
毫秒值(比如1000),动画在1000毫秒执行完成(推荐)
固定字符串，slow(200)、normal(400)、fast(600)，如果传其他字符串，则默认为normal。
参数callback，可选，执行完动画后执行的回调函数，每个元素执行一次。
参数easing，可选，这里先不讲，后面统一讲
2.2 滑入画出切换（slideToggle）
$(selector).slideToggle(speed,callback);
如果是隐藏状态，那么执行slideDown操作，如果是显示状态，那么执行slideUp操作。
2.3 原理
slideDown和slideUp修改的是元素的height，通过高度变化（向下、向上增大）来动态地显示所有匹配的元素。
3、淡入（fadeIn）与淡出（fadeOut）
fadeIn/fadeOut使用方法与show/hide、slideDown/slideUp一致。
3.1 用法
fadeIn([speed],[easing],[callback])
参数speed，可选，动画的执行时间
如果不传，默认为normal
毫秒值(比如1000),动画在1000毫秒执行完成(推荐)
固定字符串，slow(200)、normal(400)、fast(600)，如果传其他字符串，则默认为normal。
参数callback，可选，执行完动画后执行的回调函数，每个元素执行一次。
参数easing，可选，这里先不讲，后面统一讲
3.2 淡入淡出切换（fadeToggle）
fadeToggle([speed,[easing],[callback]])
如果当前元素处于隐藏状态，那么执行fadeIn操作，如果处于显示状态，那么执行fadeOut操作。
