jQuery Banner的圖片旋轉切換特效

js程式碼
<腳本>
$(函數 () {
/*圖片位置資料*/
var 資料 = [
{'z-index': 6, 不透明度: 1, 寬度: 760, 高度: 330, 頂部: 40, 左側: 0},
{'z-index': 4, 不透明度: 0.6, 寬度: 560, 高度: 243, 頂部:80, 左側: -225},
{'z-index'：3，不透明度：0.4，寬度：480，高度：203，上方：-10，左側：-170}，
{'z-index'：2，不透明度：0.2，寬度：620，高度：269，上方：-60，左側：110}，
{'z-index'：3，不透明度：0.4，寬度：480，高度：203，上方：-10，左側：430}，
{'z-index'：4，不透明度：0.6，寬度：560，高度：243，上方：80，左側：420}，
]
移動（）；

函數移動() {
/*圖片分配*/
for (var i = 0; i < datas.length; i++) {
var data = datas[i];
$('#slide ul li').eq(i).css('z-index',data['z-index']);
$('#slide ul li').eq(i).stop().animate(data, 1200);
}
}

/*左箭頭事件*/
$('.prev').on('點選', function () {
var last = datas.pop();
datas.unshift(最後);

移動（）；
})

/*右箭頭事件處理函數*/
函數 nextYewu(){
var 首先 = datas.shift();
datas.push(第一個);
移動（）；
}
/*右箭頭事件*/
$('.next').on('click', nextYewu);

/*自動播放*/
var 計時器 = setInterval(function(){
nextYewu();
},5000);
/*滑鼠進入投影片顯示箭頭,清除自動播放*/
$('#slide').on({
mouseenter: 函數 () {
$('.arrow').css('顯示', '區塊');
清除間隔(定時器);
}, mouseleave: 函數 () {
$('.arrow').css('顯示', '無');
/*滑鼠離開時自動播放*/
清除間隔(定時器);
定時器 = setInterval(function(){
nextYewu();
},5000)
}
})
})

</腳本>

這是一款仿海風教育的師資頁面力量的網站橫幅圖片切換特效，jQuery圖片旋轉切換代碼。