jQuery是一種常用的JavaScript庫，其中的動畫效果廣受歡迎。在jQuery中，我們可以通過選擇相應的元素對象，然后使用動畫函數來實現豐富的動畫效果。
而其中的一個特殊函數就是body動畫函數，可以讓整個頁面的body元素進行動畫效果展示。下面，我們來看看如何使用jQuery實現body動畫效果。
<!doctype html>
<html>
<head>
<title>jQuery Body動畫效果</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
body {
height: 100%;
background-color: #eef1f5;
display: flex;
justify-content: center;
align-items: center;
}
h1 {
color: #4e73df;
}
</style>
</head>
<body>
<h1>Hello, jQuery Body動畫效果！</h1>
<br /><br />
<button id="click_btn">點擊體驗動畫效果</button>
<script>
$(document).ready(function(){
$('#click_btn').click(function(){
$('body').animate({
backgroundColor: '#fed136',
color: '#4e73df',
fontSize: '2em',
paddingTop: '100px'
}, 1000);
});
});
</script>
</body>
</html>在上面的代碼中，我們通過給body元素設置樣式，然后使用jQuery的animate函數進行動畫效果展示。具體來說，我們通過設置animate函數中的參數，分別改變了背景顏色、文字顏色、字號大小和上部填充量等屬性，從而實現了整體的動畫效果。
當然，在實際使用中，我們還可以通過其他參數來控制動畫效果的具體表現，比如持續時間、緩動方式等。同時，我們也可以將此動畫效果與其他事件進行結合，來實現更加豐富的交互效果。