瀑布流布局插件
waterfallLayout
瀑布流布局插件
使用说明:$("selector").waterfallLayout({
"marginLeft": 20,
"marginTop": 15,
"picPadding": 10,
"numPerLine" : 4,
"waterfallElement": "li"
})
参数说明:
可选:
margimLeft: 元素左边距
marginTop: 元素上边距
picPadding: 元素内图片边距
numPerLine: 每行元素个数
waterfallElement: 元素节点名称
重要提示:必须在图片加载、DOM绘制完成之后再进行布局,否则无法获取图片高度,导致页面错乱
推荐使用jquery插件:jquery.waitforimages.js,以确保图片加载完成
jquery.waitforimages.js插件地址:https://github.com/alexanderdickson/waitForImages
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。