JQuery 里的 animate() 函數可以用于實現元素的伸縮效果。可以使用該函數實現元素的寬度、高度、透明度等屬性的動態變化。

使用 animate() 函數時，需要指定需要變化的屬性名稱和變化的屬性值，還需要指定變化的時間。

下面是比較常見的使用 animate() 函數實現元素寬度變化的代碼：

$("button").click(function(){
$("div").animate({width:'toggle'});
});

上面的代碼表示，當點擊按鈕時，div 元素的寬度會變化。在這里，width 參數被設置為 toggle 值，則 div 元素的寬度會在 show 和 hide 之間切換。

除了寬度屬性外，還可以使用該函數實現高度變化。下面是實現 div 元素高度變化的代碼：

$("button").click(function(){
$("div").animate({height:'toggle'});
});

上面的代碼同樣使用了 toggle 值作為變化屬性，可以實現 div 元素高度的切換。

除了寬度和高度屬性外，透明度屬性也是常見的變化屬性。下面是實現 div 元素透明度變化的代碼：

$("button").click(function(){
$("div").animate({opacity:'toggle'});
});

上面的代碼中，透明度屬性的值也使用了 toggle 值，可以實現 div 元素在隱藏和顯示狀態之間的切換。

通過使用 animate() 函數，可以實現比較復雜的元素伸縮效果。希望大家多多嘗試，實現更加炫酷的效果。