# carousel

**Repository Path**: climblee/carousel

## Basic Information

- **Project Name**: carousel
- **Description**: 基于jquery的无缝轮播（自制）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HTML中的使用方法：
+ auto-play  是否自动播放
+ auto-delay-time 自动播放间隔的时间
+ data-time  轮播一页所需的时间
```
<div class="screen" data-time="200" auto-play="true" auto-delay-time="">
	<!-- 指示符 -->
	<ul class="indicators">
		<li class="active" data-slide-to="0"></li>
		<li data-slide-to="1"></li>
		<li data-slide-to="2"></li>
		<li data-slide-to="3"></li>
	</ul>
	<!-- 轮播图片 -->
	<div class="inner">
		<div class="item active">
			<img src="https://via.placeholder.com/640x320.png/3B83fd">
		</div>
		<div class="item">
			<img src="https://via.placeholder.com/640x320.png/ff0000">
		</div>
		<div class="item">
			<img src="https://via.placeholder.com/640x320.png/dddddd">
		</div>
		<div class="item">
			<img src="https://via.placeholder.com/640x320.png/ggggg">
		</div>
	</div>
	 <!-- 左右切换按钮 -->
	<a class="control-btn control-prev" href="#">
		<i class="icon-box prev-icon-box"></i>
	</a>
	<a class="control-btn control-next" href="#">
		<i class="icon-box next-icon-box"></i>
	</a>
</div>