JQuery是一個非常實用的JavaScript庫，它可以極大地簡化和加速JavaScript編程。在網站開發中，輪播圖是常用的元素之一，為了實現輪播效果，我們可以使用JQuery編寫一個簡單的div輪播。

在HTML中，我們可以使用以下代碼創建一個輪播圖容器的div：

<div class="slider"></div>

接下來，我們可以使用JQuery編寫輪播功能的代碼。首先，在HTML文件中引用JQuery庫：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

然后，我們可以使用以下代碼實現輪播功能：

<script>
$(document).ready(function(){
var slider = $(".slider");
var images = ["image1.jpg", "image2.jpg", "image3.jpg"]; // 輪播圖片路徑
var numImages = images.length;
var currentImage = 0;
// 顯示第一張圖片
slider.css("background-image", "url(" + images[currentImage] + ")");
// 輪播函數
function cycleImages(){
currentImage++;
if(currentImage == numImages){
currentImage = 0;
}
slider.fadeOut(1000, function(){
$(this).css("background-image", "url(" + images[currentImage] + ")").fadeIn(1000);
});
}
// 設置輪播時間間隔
setInterval(cycleImages, 5000);
});
</script>

在這段代碼中，我們首先定義了輪播圖的容器和圖片路徑，然后實現了一個輪播函數cycleImages。該函數會在一段時間間隔（這里是5秒）內切換圖片，并使用fadeIn和fadeOut實現漸變效果。最后，我們使用setInterval調用該函數，實現輪播圖自行輪播。

通過以上步驟，我們就能輕松地使用JQuery編寫一個簡單的div輪播效果，讓網站變得更加生動和有趣。