用于实现瀑布流图的jQuery插件
来源:互联网 发布:网络作家的生活 编辑:程序博客网 时间:2024/06/06 13:10
这是我前两天写的一个用于实现瀑布流图的jQuery插件。
原理参见:http://blog.csdn.net/sornets/article/details/46883447
功能需求:
- 用户自定义列宽(默认为200,单位:px);
- 用户自定义列数(默认为4,单位:列);
- 用户自定义瀑布流子元素类名(默认为waterDiv);
- 用户自定义瀑布流子元素垂直间距(默认为20,单位:px);
- 自动计算列之间的间距;
- 用户自定义总宽度(默认自动获取);
- 用户自定义aJax模块(未实现,若要使用需要自行在代码中修改ajax模块中的url等参数以及success函数。);
Demo文件
HTML格式:
<div id="s_waterFall"><div class="waterDiv"></div><div class="waterDiv"></div><div class="waterDiv"></div><div class="waterDiv"></div></div>父元素中id="s_waterFall"不能少
Demo中json返回样例:
([{"id":"1","image":"1.png","title":"hello","info":"infoinfoinfo"},{"id":"2","image":"2.png","title":"title2","info":"infonifofnosdfjoasdf"}])
1 0
- 用于实现瀑布流图的jQuery插件
- jquery瀑布流插件
- kissy waterfall插件实现的瀑布流
- jquery实现瀑布流
- JQuery实现瀑布流
- jQuery实现瀑布流
- jQuery 瀑布流插件: Wookmark
- jquery瀑布流插件(WookMark)
- Jquery瀑布流插件wookmark
- jQuery瀑布流插件 Masonry
- php+mysql+jquery瀑布流的实现
- jquery瀑布流效果的实现
- jQuery实现图片的瀑布流效果
- jQuery插件之-Wookmark瀑布流插件
- jQuery插件之-瀑布流插件
- jQuery插件之-Wookmark瀑布流插件
- jQuery插件之-Wookmark瀑布流插件
- jQuery插件之-瀑布流插件
- 乘法逆元基础知识
- struts 文件上传示例
- eclipse和idea开发servlet的区别
- 正确认识压力
- Mongodb 文档翻译
- 用于实现瀑布流图的jQuery插件
- iOS开发 - Core Animation 核心动画
- 黑马程序员——Java基础——集合(一)
- 64位win7安装vs2010出现“组件安装失败...”等问题的解决方法
- Objective-C中一些 值得程序员注意的地方
- 《开发之旅》学习笔记:游戏界面手动打造菜单基础元素
- 情绪管理技巧
- 10个鲜为人知的UX技巧提高产品诱导力
- 如何培养领袖气质