jQuery轮播图淡出淡入切换特效

一款简单实用的jQuery轮播图淡出淡入切换特效，默认自动轮播，带左右箭头和索引按钮控制轮播。

分类：图片代码 > 图片轮播难易：初级

查看演示下载资源下载积分： 20 积分

js代码

<script src="./js/jquery.min.js"></script>
<script src="./js/index.js"></script>
    <script>
        $('.demo').slider({
            imgList: [
                {
                    img: './img/t1.png',
                    a: '#',
                },
                {
                    img: './img/t2.png',
                    a: '#',
                },
                {
                    img: './img/t3.png',
                    a: '#',
                }
            ], //图片的列表
            width: 500, //图片的宽
            height: 300, //图片的高
            isAuto: true, //是否自动轮播
            moveTime: 3000, //运动时间
            direction: 'right', //轮播的方向
            btnWidth: 30, //按钮的宽
            btnHeight: 30, //按钮的高
            spanWidth: 10, //span按钮的宽
            spanHeight: 10, //span按钮的高
            spanColor: '#fff', //span按钮的颜色
            activeSpanColor: 'red', //选中的span颜色
            btnBackgroundColor: 'rgba(0, 0, 0, 0.3)', //两侧按钮的颜色
            spanRadius: '50%', //span按钮的圆角程度
            spanMargin: 3, //span之间的距离
        })
    </script>