jQuery banner特效是網站制作中經常用到的一種動態效果。通過使用jQuery框架，我們可以輕松地實現各種炫酷、有趣的banner輪播效果。

$(document).ready(function(){
//設定圖片序號變量
var i = 0;
//設定圖片路徑數組
var imgArray = ['img/banner1.png', 'img/banner2.png', 'img/banner3.png'];
//設定圖片切換函數
function changeImage() {
if (i< imgArray.length - 1) {
i++;
} else {
i = 0;
}
$('#bannerImg').attr('src', imgArray[i]);
}
//設定定時器，每隔3秒自動切換圖片
var setIntervalId = setInterval(changeImage, 3000);
//設定鼠標移入banner區域，停止切換圖片；鼠標移出，繼續切換圖片
$('#banner').mouseover(function() {
clearInterval(setIntervalId);
}).mouseout(function() {
setIntervalId = setInterval(changeImage, 3000);
});
});

上述代碼實現了一個簡單的banner輪播效果。其中，設定了一個變量i表示當前顯示的圖片序號，一個數組imgArray存儲了所有圖片的路徑，以及一個changeImage()函數用于切換圖片。同時，通過設定定時器和鼠標事件，實現了自動輪播和鼠標懸浮停止輪播的功能。通過這樣簡單的代碼，我們就可以輕松地實現一個炫酷的banner輪播效果。