# 插件--轮播图

**Repository Path**: jayyinai/pluginrotary_graph

## Basic Information

- **Project Name**: 插件--轮播图
- **Description**: 傻瓜式的插件，功能齐全
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 插件--轮播图

#### 介绍
一款jQuery傻瓜式的轮播图插件，功能齐全，操作方便，是每一个程序员必备的偷懒神器，你值得拥有！

#### 版本
v1.0.0

#### 软件架构

软件架构说明
	本插件是基于jQuery开发的轮播图插件，在使用本插件之前，必须引入jQuery库再使用插件，否则使用插件会报错。

#### 使用说明

```
<!--	最外层的元素为调用Simple方法的元素		-->
<div class="Rotary">
	<!--	最外层调用的元素里面必须有ul li 元素		-->
		<ul>
		<!--	所用图片必须在li里面		-->
			<li><img src="img/1.jpg"></li>
			<li><img src="img/2.jpg"></li>
			<li><img src="img/3.jpg"></li>
			<li><img src="img/4.jpg"></li>
			<li><img src="img/5.jpg"></li>
			<li><img src="img/6.jpg"></li>
		</ul>
		<img src="img/l.png" class="lastPage">
		<img src="img/r.png" class="nextPage">
	</div>

<!--	该元素调用Simple方法实例		-->
	$(".Rotary").Simple({
		dotClickable:false,
		colorNoFocus:"#f999",
		colorFocus:"#fff",
		dotPattem:"50",
		fadeover:false,
		commutation:"slide",
		autoplay:true,
		quality:"4000"
	})
```

<table>
	<thead>
		<tr>
			<th>参数</th>
			<th>说明</th>
			<th>类型</th>
			<th>可选值</th>
			<th>默认值</th>
		</tr>	
	</thead>
	<tbody>
		<tr>
			<td>dotexist</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>colorFocus</td>
			<td>当前聚焦小圆点的颜色</td>
			<td>String</td>
			<td></td>
			<td>#ff5722</td>
		</tr>
		<tr>
			<td>colorNoFocus</td>
			<td>当前未聚焦小圆点的颜色</td>
			<td>String</td>
			<td></td>
			<td>#ffffff</td>
		</tr>
		<tr>
			<td>dotPattem</td>
			<td>当前小圆点样式</td>
			<td>Nomber</td>
			<td></td>
			<td>50%</td>
		</tr>
		<tr>
			<td>fadeover</td>
			<td>图片超出边界渐显效果是否有效</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
		<tr>
			<td>commutation</td>
			<td>图片变换效果 滑动或者渐显</td>
			<td>String</td>
			<td>"slide" || "fade"</td>
			<td>fade</td>
		</tr>
		<tr>
			<td>keyboard</td>
			<td>是否有键盘事件</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
		<tr>
			<td>quality</td>
			<td>自动播放速率</td>
			<td>Nomber</td>
			<td></td>
			<td>2000</td>
		</tr>
		<tr>
			<td>autoplay</td>
			<td>是否自动播放</td>
			<td>Boolean</td>
			<td></td>
			<td>true</td>
		</tr>
	</tbody>
</table>