• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

gmlBanner: 可以有7种效果的轮播图插件,适用于所有场合

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

gmlBanner

开源软件地址:

https://gitee.com/geminglu/gmlBanner

开源软件介绍:


  • $(".banner") 这是调用插件的对象为轮播图的父级框
  • banner() 轮播图插件函数,接收两个参数
  • 第一个参数要切换图片的集合,必填
  • 第二个参数是轮播图的轮播方式属性,选填,有默认规则
    • but:true, // 左右按钮默认为true
    • butahidden:true, // 是否自动隐藏左右按钮默认隐藏
    • list:true, // 导航按钮
    • index:3, //初始从第几个开始默认为0
    • autoPlay:true, // 自动轮播默认为true
    • delayTiem:2000, // 延迟时间默认为2000
    • moveTime:500 // 远动时间默认为300
.box{height:300px;width:1000px;margin: 0 auto;position: relative;}.imgbox img{height:300px;width:1000px}
<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>
$(".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"));

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
l5-swagger-bootstrap-ui: 基于laravel的swagger自定义UI发布时间:2022-02-13
下一篇:
chinese-colors: 中国传统颜色在线手册发布时间:2022-02-13
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap