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 最后 = datas.pop();
            datas.unshift(最后);

            移动（）;＃＃＃         })

        /*右箭头事件处理函数*/
        function nextYewu(){
            var 首先 = datas.shift();
            datas.push(第一个);
            移动（）;＃＃＃         }
        /*右箭头事件*/
        $('.next').on('click', nextYewu);

        /*自动播放*/
        var 计时器 = setInterval(function(){
            nextYewu();
        },5000);
        /*鼠标进入幻灯片显示箭头,清除自动播放*/
        $('#slide').on({
            鼠标输入：函数（）{
                $('.arrow').css('display', 'block');
                clearInterval(timer);
            }, mouseleave: function () {
                $('.arrow').css('display', 'none');
                /*鼠标离开时自动播放*/
                clearInterval(timer);
                timer = setInterval(function(){
                    nextYewu();
                },5000)
            }
        })
    })

</script>

这是一款仿海风教育的师资力量页面的网站banner图片切换特效，jQuery图片旋转切换代码。