From e971f75c1790c5752eee6e053dbdc17745d80d0b Mon Sep 17 00:00:00 2001
From: suscc <649497370@qq.com>
Date: Wed, 10 Aug 2016 19:11:08 +0800
Subject: [PATCH] 'first-commit'
---
README.md | 81 +
demo/ajax_dom.html | 32 +
demo/ajax_json.html | 16 +
demo/fonts/glyphicons-halflings-regular.ttf | Bin 0 -> 45404 bytes
demo/fonts/glyphicons-halflings-regular.woff | Bin 0 -> 23424 bytes
demo/fonts/glyphicons-halflings-regular.woff2 | Bin 0 -> 18028 bytes
.../3b7250b30b0e56fe354f6759694009d5.gif | Bin 0 -> 8586 bytes
.../4240e0b103fbf4ea53180c12279d9284.jpg | Bin 0 -> 16685 bytes
...cee3e7d0cff6277e63a328139b.jpg_320x200.jpg | Bin 0 -> 26109 bytes
demo/images/Animation.gif | Bin 0 -> 9110908 bytes
demo/images/android.png | Bin 0 -> 311484 bytes
demo/inc/bootstrap.min.css | 5 +
demo/inc/su_animate.css | 3340 +++++++++++++++++
demo/inc/su_loaders.min.css | 1 +
demo/index.html | 228 ++
demo/jq/bootstrap.min.js | 7 +
demo/jq/dropDownLoad v1.0.1.js | 462 +++
demo/jq/jquery.min.js | 4 +
demo/jq/require.min.js | 36 +
...\345\274\217\347\244\272\344\276\213.html" | 17 +
dist/inc/su_animate.css | 3340 +++++++++++++++++
dist/inc/su_loaders.min.css | 1 +
dist/jq/dropDownLoad v1.0.1.js | 462 +++
dist/package.json | 22 +
24 files changed, 8054 insertions(+)
create mode 100644 README.md
create mode 100644 demo/ajax_dom.html
create mode 100644 demo/ajax_json.html
create mode 100644 demo/fonts/glyphicons-halflings-regular.ttf
create mode 100644 demo/fonts/glyphicons-halflings-regular.woff
create mode 100644 demo/fonts/glyphicons-halflings-regular.woff2
create mode 100644 demo/images/3b7250b30b0e56fe354f6759694009d5.gif
create mode 100644 demo/images/4240e0b103fbf4ea53180c12279d9284.jpg
create mode 100644 demo/images/752720a4b6c578cee3e7d0cff6277e63a328139b.jpg_320x200.jpg
create mode 100644 demo/images/Animation.gif
create mode 100644 demo/images/android.png
create mode 100644 demo/inc/bootstrap.min.css
create mode 100644 demo/inc/su_animate.css
create mode 100644 demo/inc/su_loaders.min.css
create mode 100644 demo/index.html
create mode 100644 demo/jq/bootstrap.min.js
create mode 100644 demo/jq/dropDownLoad v1.0.1.js
create mode 100644 demo/jq/jquery.min.js
create mode 100644 demo/jq/require.min.js
create mode 100644 "dist/Ajax Json\345\275\242\345\274\217\347\244\272\344\276\213.html"
create mode 100644 dist/inc/su_animate.css
create mode 100644 dist/inc/su_loaders.min.css
create mode 100644 dist/jq/dropDownLoad v1.0.1.js
create mode 100644 dist/package.json
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..8ae2766
--- /dev/null
+++ b/README.md
@@ -0,0 +1,81 @@
+# dropDownLoad 插件 v1.0.1 
+### 下拉加载插件 主要实现下滑翻页的功能 提供一套完整的流程 包括加载动画、插入动画 以及各种状态下的事件处理
+
+#### Screenshot
+
+#### 安装 :
+>1. npm install TopuNet-dropDownLoad
+2. 从 dist 下载 dropDownLoad v1.0.1.js 放入项目文件夹
+
+## 文件结构 :
+* jq/dropDownLoad v1.0.1.js -> 为主要 Js 文件
+* /Ajax Json形式示例.html -> Ajax 数据页示例
+* inc/su_animate.css -> 一套很有名的 css3 动画库 国外大神制作 这里附上 [Git 地址](https://github.com/daneden/animate.css)
+* inc/su_loaders.min.css -> 一套很有名的 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
+
+requireJS引用
+>1. 需要 Zepto 或 Jquery
+2. `require(['dropDownLoad v1.0.1']);`
+
+## 方法调用 :
+``` javascript
+var opt = {
+ main: 'ul.list', // 主要盒 默认为 Document
+ range: '30vw', // 滚动阀值 支持 vw | vh 单位 距离底部多少时触发加载 默认值为 Loader 盒的高度
+ eleWrap: '.loader', // 插入内容的盒子 默认为主要盒
+ insertMode: 'before', // 插入模式 append(默认) | before | after | prepend
+ loader: '.loader', // Loader 盒 放楼下内置的加载动画
+ presetLoadingAnime: '', // 预置加载动画 默认为 '小圈圈'
+ presetInsertAnime: '', // 预置载入动画 默认为 '大风车'
+
+ // 构建 DOM 模版 数据为 JSON 形式时 创建出的 DOM 的结构 默认值为一个 DIV 元素 data-name 属性和数据名称对应 IMG标签数据默认装载到其 src 属性内
+ // Ajax JSON 数据页写法 请参照 “AJax Json形式示例” 文件
+ pattern: '',
+
+ // 以下俩个参数可接收函数 数据加载完成后执行 如需滚动到功能 可接收一个 Number(px) | String -> 比如 '10px' '10vw' 等类型的值 也可让函数返回这两个类型的值 触发滚动
+ exceedRolling: function () {
+ return '50vw';
+ }, // 内容超过视区后
+ lowerRolling: '', // 内容不超出视区 默认为滚动到加载内容的末尾(加载动画之上) 如特殊布局会出问题 请自行传值滚动 如需取消默认行为 传 Null
+
+ // Ajax
+ url: 'ajax_json.html',
+ type: 'GET', // 默认 GET 方式
+ ajaxData: {}, // Ajax 传参
+ page: 0, // 默认值为 0 起始页数 程序中自行累加
+ totalPage: null, // 总页数
+
+ // 到达总页数后的回调 可接收 Function 和 String 默认行为在 Loader 盒内装载一条提示 可传 String 自定义其内容 如需取消默认行为 传 Null
+ end: '已完成加载
'
+};
+
+dropDownLoad.init(opt);
+```
+### 内置动画列表
+| 加载动画 | 载入动画 |
+| :--------: | :-----: |
+| 小圈圈 | 点水(pulse) |
+| 金字塔 | 橡皮筋(rubberBand) |
+| 邪王真眼 | 一起摇摆(shake) |
+| 邪恶律动 | 悬挂秋千(swing) |
+| 冒泡 | 大摇大摆(wobble) |
+| ... | 大风车(rotateIn) |
+| ... | 弹性(bounceIn) |
+| ... | 弹性(下)(bounceInDown) |
+| ... | 弹性(左)(bounceInLeft) |
+| ... | 弹性(右)(bounceInRight) |
+| ... | 淡出(fadeIn) |
+| ... | 淡出(下)(fadeInDown) |
+| ... | 淡出(左)(fadeInLeft) |
+| ... | 淡出(右)(fadeInRight) |
+| ... | 放大(zoomIn) |
+| ... | 放大(下)(zoomInDown) |
+| ... | 翻转(X)(flipInX) |
+| ... | 翻转(Y)(flipInY) |
+## ChangeLog
+> 先占个坑(~~欢迎大家品尝 Bug 全家桶 为了地球环境请大家不要乱扔垃圾 这里是垃圾处理处~~)~
diff --git a/demo/ajax_dom.html b/demo/ajax_dom.html
new file mode 100644
index 0000000..433a8f8
--- /dev/null
+++ b/demo/ajax_dom.html
@@ -0,0 +1,32 @@
+
+
+
+
+ 2333333333333
+
+
+
+
+ 2333333333333
+
+
+
+
+ 2333333333333
+
+
+
+
+ 2333333333333
+
+