jQuery animate() 方法是用來執(zhí)行動畫效果的函數(shù)。animate() 方法適用于改變 HTML 元素的 CSS 屬性。
jQuery animate() 方法的語法為：
$(selector).animate({
property1:value1,
property2:value2,
property3:value3,
// 可以自定義多個 CSS 屬性和值
},speed,function(){
// 動畫完成后執(zhí)行的函數(shù)
});使用該函數(shù)，可以很容易地指定某些 CSS 屬性的值。下面是一個例子，演示如何使用 animate() 方法改變一個 div 元素的高度屬性：
<!DOCTYPE html>
<html>
<head>
<style>
#mydiv {
width: 100px;
height: 100px;
background-color: blue;
}
</style>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#mydiv").click(function(){
$(this).animate({height:'300px'});
});
});
</script>
</head>
<body>
<h1>jQuery animate() 方法測試</h1>
<div id="mydiv"></div>
</body>
</html>在上面的例子中，當(dāng)點(diǎn)擊 #mydiv 元素時，其高度值將從原來的 100px 變?yōu)?300px。
總之，使用 jQuery animate() 方法可以輕松實(shí)現(xiàn)指定 CSS 屬性的動畫效果，讓網(wǎng)頁更加生動有趣。