一款基于jQuery写的瀑布流插件，功能较为简单
使用方法
引用相应js文件到页面，并对元素调用相应方法
<script src="jquery.min.js"></script>
<script src="waterFall.js"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
var waterFall = $("#container").waterFall({
posinit: [0, 320, 640]
});
$('.more-btn').on('click', function() {
var html = '????'; // 逻辑代码，获取要追加的html片段
waterFall.addData(html);
});
});
</script>html结构
<ul id="container"></ul>
<a href="javascript:;" class="more-btn">加载更多</a>参数设置
配置参数
| 参数名 | 类型 | 默认值 | 可选值 | 说明 |
|---|---|---|---|---|
| posinit | Array | null | 自定义 | 瀑布流每一列left值所组成的数组 |
基础属性和方法
| 参数名 | 类型 | 默认值 | 示例 | 说明 |
|---|---|---|---|---|
| addData | Function | waterFall.add(html, callback) | 追加子元素(参数：html代码，追加完成后的回调函数) | |
| updata | Function | waterFall.updata(array) | 更新所有已加载的数据(参数：新的定位数组) |