animate（）方法允許您將動(dòng)畫(huà)設(shè)置為設(shè)定值或相對(duì)于當(dāng)前值的值。
您需要將CSS屬性定義為JSON格式的參數(shù)（“key”：“value”）。
第二個(gè)參數(shù)定義了動(dòng)畫(huà)的速度。
例如，以下代碼將div的width屬性在1秒內(nèi)改變到250px：
$("div").click(function() {
$("div").animate({width: '250px'}, 1000);
});請(qǐng)注意提供CSS參數(shù)的JSON格式。 在處理CSS屬性時(shí)，JSON語(yǔ)法也被用于以前的模塊。
您可以使用上述語(yǔ)法對(duì)任何CSS屬性進(jìn)行動(dòng)畫(huà)處理，但有一個(gè)重要的事情要記?。寒?dāng)與animate（）方法一起使用時(shí)，所有屬性名稱(chēng)都必須是camel-cased（camelCase是寫(xiě)復(fù)合詞或短語(yǔ)的做法， 每個(gè)單詞或縮寫(xiě)以大寫(xiě)字母開(kāi)頭，第一個(gè)單詞以小寫(xiě)形式顯示）。
您將需要編寫(xiě)paddingLeft而不是padding-left，marginRight，而不是margin-right等等。
多個(gè)屬性可以通過(guò)用逗號(hào)分隔來(lái)同時(shí)動(dòng)畫(huà)化。
例如：
$("div").animate({
width: '250px',
height: '250px'
}, 1000);也可以定義相對(duì)值（該值相對(duì)于元素的當(dāng)前值）。 通過(guò)將+ =或 - =放在值的前面完成：
$("div").animate({
width: '+=250px',
height: '+=250px'
}, 1000);要在動(dòng)畫(huà)完成之前停止動(dòng)畫(huà)，jQuery提供了stop（）方法。
$("div"). ({ opacity: 0.5 height +="100px" }, );
動(dòng)畫(huà)隊(duì)列
默認(rèn)情況下，jQuery帶有動(dòng)畫(huà)的隊(duì)列功能。
這意味著如果您寫(xiě)了多個(gè)animate（），則jQuery會(huì)為這些方法創(chuàng)建一個(gè)“內(nèi)部”隊(duì)列。然后逐個(gè)運(yùn)行動(dòng)畫(huà)。
例如：
var div = $("div");
div.animate({opacity: 1});
div.animate({height: '+=100px', width: '+=100px', top: '+=100px'}, 500);
div.animate({height: '-=100px', width: '-=100px', left: '+=100px'}, 500);
div.animate({height: '+=100px', width: '+=100px', top: '-=100px'}, 500);
div.animate({height: '-=100px', width: '-=100px', left: '-=100px'}, 500);
div.animate({opacity: 0.5});以上的animate（）方法將一個(gè)接一個(gè)地運(yùn)行。
記住，要操縱元素的位置，您需要將元素的CSS位置屬性設(shè)置為relative，fixed或absolute。
animate（）方法，就像hide / show / fade / slide方法一樣，可以使用可選的回調(diào)函數(shù)作為其參數(shù)，該參數(shù)在當(dāng)前效果完成后執(zhí)行。