# jQuery slider

**Repository Path**: wangdawei0418/jQuery-slider

## Basic Information

- **Project Name**: jQuery slider
- **Description**: jQuery轮播图插件
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jQuery slider

#### 介绍
一个轻量级的jQuery轮播图插件，支持渐隐渐显，滑动等效果，体积小，接口多，功能丰富，傻瓜式调用。目前:v0.1，接下来会更新更多的切换方式等功能。

#### 软件架构
jQuerySlider依赖于jQuery库，请确保引入插件之前需引入jQuery类库。


#### 使用说明

```
	<!-- 最外层的元素为调用slide方法的元素 -->
	<div id="adv">
		<!-- 所有图片必须在li中  -->
		<ul>
			<li><img src="images/1.jpg" alt=""></li>
			<li><img src="images/2.jpg" alt=""></li>
			<li><img src="images/3.jpg" alt=""></li>
			<li><img src="images/4.jpg" alt=""></li>
			<li><img src="images/5.jpg" alt=""></li>
			<li><img src="images/6.jpg" alt=""></li>
		</ul>
		<img src="images/l.png" class="adv-prev" alt="">
		<img src="images/r.png" class="adv-next" alt="">
	</div>
	
	
	$("#adv1").slider({
		autoPlay:true,
		keyboard:false
	})

```



<table>
	<thead>
		<tr>
			<th>参数</th>
			<th>说明</th>
			<th>类型</th>
			<th>可选值</th>
			<th>默认值</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>isDot</td>
			<td>小圆点是否存在</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
		<tr>
			<td>dotClickable</td>
			<td>小圆点是否点击</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
		<tr>
			<td>dotBackgroundColor</td>
			<td>小圆点未聚焦状态的背景色</td>
			<td>String</td>
			<td></td>
			<td>#ffffff</td>
		</tr>
		<tr>
			<td>dotCurBackgroundColor</td>
			<td>小圆点聚焦状态的背景色</td>
			<td>String</td>
			<td></td>
			<td>#ff9999</td>
		</tr>
		<tr>
			<td>overclickable</td>
			<td>超出边距点击是否有效</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
		<tr>
			<td>method</td>
			<td>切换方式</td>
			<td>String</td>
			<td>"slide" || "fade"</td>
			<td>"fade"</td>
		</tr>
		<tr>
			<td>autoPlay</td>
			<td>是否自动播放</td>
			<td>Boolean</td>
			<td></td>
			<td>false</td>
		</tr>
		<tr>
			<td>autoTime</td>
			<td>自动播放间隔(单位：ms)</td>
			<td>Number</td>
			<td></td>
			<td>3000</td>
		</tr>
		<tr>
			<td>keyboard</td>
			<td>是否允许键盘光标键操控</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
	</tbody>
</table>