Skip to content

Commit

Permalink
v1.1.1
Browse files Browse the repository at this point in the history
  • Loading branch information
Suscc committed Aug 11, 2016
1 parent e971f75 commit 7a81cf4
Show file tree
Hide file tree
Showing 9 changed files with 26 additions and 7,625 deletions.
36 changes: 22 additions & 14 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,35 +1,37 @@
# dropDownLoad 插件 v1.0.1 ![233](http://imgsrc.baidu.com/forum/w%3D580/sign=01c01dee3cf33a879e6d0012f65e1018/d7844f224f4a20a492daa21996529822700ed0bf.jpg)
# dropDownLoad 插件 v1.1.1 ![233](http://i0.hdslb.com/icon/16471b1b26636f263a21115df68cb769.gif)
### 下拉加载插件 主要实现下滑翻页的功能 提供一套完整的流程 包括加载动画、插入动画 以及各种状态下的事件处理

#### Screenshot
<br />
<br />
![Screenshot](https://raw.githubusercontent.com/TopuNet/dropDownLoad/master/demo/images/Animation.gif)
#### 安装 :
>1. npm install TopuNet-dropDownLoad
2. dist 下载 dropDownLoad v1.0.1.js 放入项目文件夹
2. dist 中的 dropDownLoad.js 复制到项目文件夹

## 文件结构 :
* jq/dropDownLoad v1.0.1.js&nbsp;&nbsp;->&nbsp;&nbsp;为主要 Js 文件
* /Ajax Json形式示例.html&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;Ajax 数据页示例
* inc/su_animate.css&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;一套很有名的 css3 动画库 国外大神制作 这里附上 [Git 地址](https://github.com/daneden/animate.css)
* inc/su_loaders.min.css&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;一套很有名的 css3 加载动画库 同国外大神制作 这里附上 [Git 地址](https://github.com/ConnorAtherton/loaders.css)
* jq/dropDownLoad.js&nbsp;&nbsp;->&nbsp;&nbsp;为主要 Js 文件
* Ajax Json形式示例.html&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;Ajax 数据页示例
* inc/dropDownLoad_Anime.css&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;下面两个动画库的 "结合体"
* animate.css&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;一套很有名的 css3 动画库 国外大神制作 这里附上 [Git 地址](https://github.com/daneden/animate.css)
* loaders.css&nbsp;&nbsp;&nbsp;->&nbsp;&nbsp;一套很有名的 css3 加载动画库 同国外大神制作 这里附上 [Git 地址](https://github.com/ConnorAtherton/loaders.css)

## 页面引用 :
原生引用
> 1. 页面底端引用最新版 /Jquery.min.js#1.x.x 或 zepto.min.js
2. Jquery/zepto后引用 /jq/dropDownLoad v1.0.1.js
2. Jquery/zepto后引用 /jq/dropDownLoad.js

requireJS引用
>1. 需要 Zepto 或 Jquery
2. `require(['dropDownLoad v1.0.1']);`
2. `require(['dropDownLoad']);`

## 方法调用 :
``` javascript
var opt = {
main: 'ul.list', // 主要盒 默认为 Document
main: 'ul.list', // 主要盒选择器 默认为 Document
range: '30vw', // 滚动阀值 支持 vw | vh 单位 距离底部多少时触发加载 默认值为 Loader 盒的高度
eleWrap: '.loader', // 插入内容的盒子 默认为主要盒
eleWrap: '.loader', // 插入内容的盒选择器 默认为主要盒
insertMode: 'before', // 插入模式 append(默认) | before | after | prepend
loader: '.loader', // Loader 盒 放楼下内置的加载动画
loader: '.loader', // Loader 盒选择器 放楼下内置的加载动画
animeCssPath: 'inc', // Anime CSS 路径 默认为 inc 目录下
presetLoadingAnime: '', // 预置加载动画 默认为 '小圈圈'
presetInsertAnime: '', // 预置载入动画 默认为 '大风车'

Expand Down Expand Up @@ -78,4 +80,10 @@ dropDownLoad.init(opt);
| ... | 翻转(X)(flipInX) |
| ... | 翻转(Y)(flipInY) |
## ChangeLog
> 先占个坑(~~欢迎大家品尝 Bug 全家桶 为了地球环境请大家不要乱扔垃圾 这里是垃圾处理处~~)~
> ~~欢迎大家品尝 Bug 全家桶 为了地球环境请大家不要乱扔垃圾 这里是垃圾处理处~~~
### v1.1.1
1. 合并 css 动画库
2. 增加 animeCssPath 参数 可自定义 css 所在路径
3. 修复 totalPage 参数为空时 页数不自增的问题
4. 细节上的优化 更加完善的 README
Loading

0 comments on commit 7a81cf4

Please sign in to comment.