Skip to content
No description, website, or topics provided.
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img
README.md
index.html
index2.html
jquery-1.11.1.min.js
slideBox.js
style.css
style.scss

README.md

小巧实用的轮播插件

基本功能:

  • 图片轮播
  • 图片支持标题和内容
  • 自定义切换图片间隔
  • 支持指示器

###使用 下载并解压slideBox.js至工作目录
在html中引入slideBox.jsjquery.js

<script src="/js/jquery.js"></script>
<script src="/js/slideBox.js"></script>

在js代码中使用slideBox

$('.slidebox').slideBox({//your config
    carousel:'#list',
	showCursor:true,
	timeout: 3500,
	toggleBtn:true
});

打开浏览器查看效果:)

###参数配置 ####carousel 图片列表容器,id或者容器 ####showCursor 是否显示指示器。默认为true:显示 ####timeout 设置翻页间隔,默认3500毫秒 ####toggleBtn 是否显示翻页按钮,默认为true:显示

You can’t perform that action at this time.