H5滚动轮播插件

H5滚动轮播插件

主要功能

1. 支持超简单使用

2. 支持数据类型json对象

3. 支持自动切换

4. 支持前后翻页

5. 支持分页点图

6. 支持动画过渡

实现方式

首先 ，我们需要一个容器，在这里只需要一个div就可以了，通过div的id就可以识别该容器，代码如下

<div id="div1" style="width: 1000px;height: 400px;"></div>

然后我们约定数据类型，这里我们的数据类接收json对象数组，如下所示模拟四组数据

var array=[ {
   imgSrc:"1.jpg",title:"第一张图"},
            {
   imgSrc:"2.jpg",title:"第二张图"},
            {
   imgSrc:"3.jpg",title:"第三张图"},
            {
   imgSrc:"4.jpg",title:"第四张图"}