1 Star 0 Fork 0

geminglu / gmlBanner

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
WTFPL
  • $(".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"));

DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE Version 2, December 2004 Copyright (C) 2004 Sam Hocevar <sam@hocevar.net> Everyone is permitted to copy and distribute verbatim or modified copies of this license document, and changing it is allowed as long as the name is changed. DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 0. You just DO WHAT THE FUCK YOU WANT TO.

简介

可以有7种效果的轮播图插件,适用于所有场合 展开 收起
JavaScript
WTFPL
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/geminglu/gmlBanner.git
git@gitee.com:geminglu/gmlBanner.git
geminglu
gmlBanner
gmlBanner
master

搜索帮助