zoeDylan分享jquery联动banner插件

首先非常感谢网友zoeDylan的无私分享，此作品是他刚写好的一款jquery原创联动banner插件，第一时间与大家分享

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

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

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

首先引用文件

<script src="plug-in/jquery-1.11.min.js"></script>
<script src="plug-in/jquery-ui-1.11.0.min.js"></script>
<script src="js/zoeDylan.min.js"></script> 
<script src="js/zoeDylan.banner.twoLinkage.min.js"></script>
<link href="css/zoeDylan.min.css" rel="stylesheet" />
<link href="css/zoeDylan.banner.twoLinkage.min.css" rel="stylesheet" />

//顶层元素【一个页面存在多个相同class请修改此处】 ele: '.twoLinkage', //自动切换时间 autoTim: 5000, //自动切换 auto: true, //动画持续时间 anmTim: 1000

<ul class="bg">
            <!--背景有图片自动居中功能，所以此处请使用
            background-image或者background-color -->
            <li style="background-image:url();background-color:#f60"></li>
        </ul>
        <ul class="fg">
            <li>
                <!--标签1为左边内容，标签2为右边内容-->
                <标签1></标签1>
                <标签2></标签2>
            </li>
        </ul>
        <div> 
            <!--此处无需任何内容,如果不需要按钮只需要去掉下面的div就可以了，【父层div请勿去掉】-->
            <div class="btnGroup"></div>
            <div class="left"></div>
            <div class="right"></div>
        </div>