插件描述：可以有7种效果的轮播图插件，适用于所有场合
jQuery轮播图插件gmlBanner
更新时间：2020-01-18 21:09:19
- $(".banner") 这是调用插件的对象为轮播图的父级框
- banner() 轮播图插件函数，接收两个参数
+ 第一个参数要切换图片的集合，必填
- 第二个参数是轮播图的轮播方式属性，选填，有默认规则
+ but:true, // 左右按钮默认为true
+ butahidden:true, // 是否自动隐藏左右按钮默认隐藏
+ list:true, // 导航按钮
+ index:3, //初始从第几个开始默认为0
+ autoPlay:true, // 自动轮播默认为true
+ delayTiem:2000, // 延迟时间默认为2000
+ moveTime:500 // 远动时间默认为300
css
1 2 | .box{height:300px;width:1000px;margin: 0 auto;position: relative;}.imgbox img{height:300px;width:1000px} |
html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <div class="banner box"> <div class="imgbox"> <img src="images/1.jpg" alt=""> <img src="images/2.jpg" alt=""> <img src="images/3.jpg" alt=""> <img src="images/4.jpg" alt=""> <img src="images/5.jpg" alt=""> </div></div><div class="banner1 box"> <div class="imgbox"> <img src="images/1.jpg" alt=""> <img src="images/2.jpg" alt=""> <img src="images/3.jpg" alt=""> <img src="images/4.jpg" alt=""> <img src="images/5.jpg" alt=""> </div></div> |
js
1 2 3 4 5 6 7 8 9 10 | $(".banner").banner($(".banner").find("img"),{ but:false, // 左右按钮默认为true butahidden:true, // 是否自动隐藏左右按钮默认隐藏 list:false, // 导航按钮 index:3, //初始从第几个开始默认为0 autoPlay:true, // 自动轮播默认为true delayTiem:2000, // 延迟时间默认为2000 moveTime:500 // 远动时间默认为300});$(".banner1").banner($(".banner1").find("img")); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jquery数字框可留空,可自动跳格搜索框
- 下一个特效： 基echarts实现的营业数据统计图