Waterfall是jQuery流体布局插件
当前版本:?1.0.6
更新时间:?2012.2.11
使用方法
加载jQuery库?(需1.4+)
加载jQuery.waterfull.min.js?,?必须在jQuery库之后;
调用接口:?$node.waterfall({/*?此处为设置选项,?可留空?*/})
如:?$('#container').waterfall({})
设置选项
{????itemSelector:'.post-home',???? //子元素id/class, 可留空
????columnCount:4,???????????????? // 列数,? 纯数字, 可留空
????columnWidth:300,?????????????? // 列宽度, 纯数字, 可留空
????isResizable:false,???????????? // 自适应浏览器宽度, 默认false
????isAnimated:false,????????????? // 元素动画, 默认false
????Duration:500,????????????????? // 动画时间
????Easing:'swing',??????????????? // 动画效果, 配合 jQuery Easing Plugin 使用
????endFn:function(){},??????????? // 回调函数
} |
Ajax
$.ajax({???type: "POST",
???url: "some.php",
???success: function(data){
?????$("#container").append(data).waterfall({});
???}
}); |
github地址：https://github.com/iMuFeng/Waterfall
使用网站:http://www.boxui.com