jQuery 배너 이미지 회전 전환 특수 효과

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 데이터 = 데이터[i];
                $('#slide ul li').eq(i).css('z-index',data['z-index']);
                $('#slide ul li').eq(i).stop().animate(data, 1200);
            }
        }

        /*左箭头事件*/
        $('.prev').on('클릭', 함수 () {
            var 마지막 ​​= datas.pop();
            datas.unshift(마지막);

            이동();
        })

        /*右箭头事件处理函数*/
        함수 nextYewu(){
            var 첫 번째 = datas.shift();
            datas.push(첫 번째);
            이동();
        }
        /*右箭头事件*/
        $('.next').on('클릭', nextYewu);

        /*자체播放*/
        var 타이머 = setInterval(함수(){
            next예우();
        },5000);
        /*鼠标进入slide显示箭头,清除自动播放*/
        $('#슬라이드').on({
            mouseenter: 함수 () {
                                                  $('.arrow').css('display', 'block');
>                                                                                            클리어인터벌(타이머);
​ ​ }, mouseleave: 함수 () {
                      $('.arrow').css('display', 'none');
> >            마우스를 멀리 이동하면 자동으로 재생*/
>                                                                                            클리어인터벌(타이머);
                   타이머 = setInterval(function(){
넥스트예우();                   },5000)
          }
        })
})

</스크립트>

하이펑교육학부 페이지를 모방한 웹사이트 배너 이미지 전환 특수효과와 jQuery 이미지 회전 전환 코드입니다.