Question

怎样使用jQuery实现网页瀑布流示例讲解

Answer 1

itemSelector class选择器,默认'.item'，这个表示每个块的选择器
columnWidth 一列的宽度
isAnimated 使用jquery的布局变化,默认true
animationOptions animate属性渐变效果(Object { queue: false, duration: 500 })
gutterWidth 列的间隙 Integer
isFitWidth 自适应浏览器宽度Boolean
isResizableL 是否可调整大小 Boolean
isRTL 使用从右到左的布局 Boolean
2、jquery.infinitescroll，有了瀑布流布局，我们还需要一个动态加载的功能，也就是浏览器滚动条滚动到底部的时候，需要动态加载数据，这里介绍使用分页的方式加载数据，插件名称为jquery.infinitescroll，官网地址为：http://www.infinite-scroll.com，详细说明可以到官网查看，这里介绍他的一些核心的参数
itemSelector class选择器,默认'div.post'，这个表示上面介绍的瀑布流的块的选择器
nextSelector 表示分页中下一页的选择器，默认为div.navigation a:first
navSelector 表示分页导航的选择器，分页导航会被隐藏
extraScrollPx 滚动条距离底部多少像素的时候开始加载，默认150
dataType 表示动态加载返回数据的格式，默认html
template 表示返回json时，用来生成瀑布流块html代码的模板方法，如果返回是json，那么必须指定这个参数，否则会报错