JQuery animate函數是非常常用的一種動畫效果，我們可以用它來實現輪播圖的效果。

$(document).ready(function(){
//定義輪播圖中圖片的數量
var numOfImg = $(".carousel img").length;
//定義當前顯示的圖片的索引
var currentIndex = 0;
//定義自動播放的時間間隔
var autoPlayInterval = 3000;
//定義輪播函數
function carousel(){
//隱藏當前圖片
$(".carousel img").eq(currentIndex).animate({opacity:0},2000);
//將索引加1，如果已經是最后一張圖片，則將索引重置為0
if(currentIndex == numOfImg-1){
currentIndex = 0;
}else{
currentIndex++;
}
//顯示下一張圖片
$(".carousel img").eq(currentIndex).animate({opacity:1},2000);
}
//設置自動播放
var timer = setInterval(carousel,autoPlayInterval);
//當鼠標移入圖片時，停止自動播放
$(".carousel").mouseenter(function(){
clearInterval(timer);
});
//當鼠標移出圖片時，重新開始自動播放
$(".carousel").mouseleave(function(){
timer = setInterval(carousel,autoPlayInterval);
});
});

在這個代碼中，我們首先定義了輪播圖中圖片的數量(numOfImg)和當前顯示的圖片的索引(currentIndex)，同時也定義了自動播放的時間間隔(autoPlayInterval)。

然后我們定義了一個輪播函數，當函數被調用時，它會先隱藏當前的圖片，然后將索引加1，如果已經是最后一張圖片，則將索引重置為0，最后顯示下一張圖片。

接下來我們設置了自動播放，并通過鼠標移入和移出的事件監聽器來停止和重新開始自動播放。

通過這個代碼，我們就可以實現簡單的jquery animate輪播圖效果。