https://github.com/lee981265/touchslide
移动端滚屏H5; 可用于活动H5页面; 也可用于轮播图
https://github.com/lee981265/touchslide
Last synced: 3 months ago
JSON representation
移动端滚屏H5; 可用于活动H5页面; 也可用于轮播图
- Host: GitHub
- URL: https://github.com/lee981265/touchslide
- Owner: Lee981265
- Created: 2019-07-15T08:37:05.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2017-09-26T02:59:09.000Z (over 7 years ago)
- Last Synced: 2024-12-28T06:26:31.820Z (5 months ago)
- Language: JavaScript
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# touchSlide
基于原生js的移动端滚屏H5; 可用于活动H5页面; 也可用于轮播图
### 引入方式
```javascript
```
### 使用方法
``` javascript
var touch = new TouchSlide({
warp: '.touchwarp',
box: '.box',
showMeau: false
})
```
### 模板结构
``` html
<div class="touchSlide">
<div class="touchwarp clearfix">
<div class="slidebox">1</div>
<div class="slidebox">2</div>
<div class="slidebox">3</div>
<div class="slidebox">4</div>
<div class="slidebox">5</div>
</div>
</div>
```
### 参数说明
| params | val | 说明 |
|------|-------|-------|
| warp | class | 容器的class |
| box | class | 列表的class |
| animate | int | 动画时间，滚动的时间，单位毫秒 |
| arrow | int | 滚动的方向，1为上下，0为左右，默认为1 |
| carousel | boolean | 是否启动自动轮播模式，默认为false, 必须和timing同时设定 |
| timing | int | 轮播间隔时间 |
| showMeau | boolean | 是否显示索引，默认值为true |
| slideAfter | function (index) {} | 滚动的回调方法，参数index为当前的索引，事实索引是从0开始，index-1为真实的索引 |
| go | function(index) {} | 对象的方法，为跳到指定的页面，touch.go(2) |
### MIT