适用的banner图轮播插件----格林王子举哥

第一步：下载demo（包含css和JS）

链接：https://pan.baidu.com/s/1OY6398N7ZxPrJCQHpCQ4sw 
提取码：obcm

第二步：在body里面准备一个容器

<div class="modularity" style="position: relative;padding-right:318px;">
        <!--中间  上面部分 banner图-->
        <div class="submenu-box" style="height:198px;width:99%;">
            <div class="swiper-main" style="height:198px;width:100%;">
                <!--img图片-->
                <div class="swiper-content"></div>
                <!--图片下面的小点-->
                <div class="swiper-point"></div>
                <div class="swiper-arrow arrow-left"><img 
                      src="../../system/banner/img/arrow-left.png" alt=""></div>
                <div class="swiper-arrow arrow-right"><img src="../../system/banner/img/arrow-right.png" alt=""></div>
                <div class="arrow-more"><span>更多</span></div>
            </div>
		</div>
    </div>

第三步：JS部分

 

$(function(){
            swiper.init(
                $(".swiper-main"),
                [
                    "../../system/banner/img/ban1.png",
                    "../../system/banner/img/ban2.png"
                ],{
                    // ismobile: false,//可选，不填则自动判断客户端，默认false - true / false(PC端/移动端)
                    arrowtype: 'move',	//可选，默认一直显示 - 'move（移动端不支持）' / 'none'	(鼠标移上显示 / 不显示 )
                    autoplay: true,	//可选，默认true - true / false (开启轮播/关闭轮播)
                    cantouch: true,//可选，默认true - true / false (开启拖拽切换/关闭拖切换)
                    showpoint: true,//可选，默认true - true / false (显示轮播点/关闭轮播点)
                    time:3000,	//可选，默认3000   也就是三秒轮动
                    pointClick:false,//是否开启点击小圆点同步到当前点击小圆点的图片显示
					pointOver:true //是否开启小圆点鼠标移入同步到当前点击小圆点的图片显示
                },function(item){
                    //点击图片的时候，循环当前banner所有图，拿到点击的路径
                    alert("图片物理路径："+$(item[0].innerHTML).attr("src"));
                    //根据路径去得到该图片对应的网络路径，进行跳转
                },function(list){
                    //初始化完毕后，弹出对应的list集合
                }
            )
            //给所有图片绑定样式
            $("img").css("cursor","pointer");
        })

完事儿，非常好用，经过本人封装后

效果：

不懂的请教QQ，1693940631