jQuery 滑動方法：您可以在元素上創(chuàng)建滑動效果。
slideDown() 向下滑動元素。
slideUp() 向上滑動元素。
slideToggle() 在 slideDown() 與 slideUp() 方法之間進(jìn)行切換。

$(selector).slide(speed,callback);
可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。

jQuery 動畫 - jQuery animate() 方法用于創(chuàng)建自定義動畫。
語法：
$(selector).animate({params},speed,callback);
必需的 params 參數(shù)定義形成動畫的 CSS 屬性。
可選的 speed 參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。
可選的 callback 參數(shù)是動畫完成后所執(zhí)行的函數(shù)名稱。
默認(rèn)情況下，所有 HTML 元素的位置都是靜態(tài)的，并且無法移動。如需對位置進(jìn)行操作，記得首先把元素的CSS 的 position 屬性設(shè)置為 relative、fixed 或 absolute。
jQuery animate() - 能夠操作多個屬性
如果需要生成顏色動畫，您需要從 jQuery.com 下載 Color Animations 插件。
jQuery animate() - 使用相對值
也可以定義相對值(該值相對于元素的當(dāng)前值)。需要在值的前面加上 += 或 -=：

jQuery animate() - 使用預(yù)定義的值
您甚至可以把屬性的動畫值設(shè)置為 "show"、"hide" 或 "toggle"：
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});

jQuery animate() - 使用隊列功能
默認(rèn)地，jQuery 提供針對動畫的隊列功能。
這意味著如果在彼此之后編寫多個 animate() 調(diào)用，jQuery 會創(chuàng)建包含這些方法調(diào)用的“內(nèi)部”隊列。然后逐一運(yùn)行這些 animate 調(diào)用。

ex1,ex2

jQuery stop() 方法

jQuery stop() 方法用于停止動畫或效果，在它們完成之前。

stop() 方法適用于所有 jQuery 效果函數(shù)，包括滑動、淡入淡出和自定義動畫。

$(selector).stop(stopAll,goToEnd);

可選的 stopAll 參數(shù)規(guī)定是否應(yīng)該清除動畫隊列。默認(rèn)是 false，即僅停止活動的動畫，允許任何排入隊列的動畫向后執(zhí)行。

可選的 goToEnd 參數(shù)規(guī)定是否立即完成當(dāng)前動畫。默認(rèn)是 false。

因此，默認(rèn)地，stop() 會清除在被選元素上指定的當(dāng)前動畫。