jQuery流体布局插件-Waterfall

jQuery流体布局插件-Waterfall
 点击预览  点击下载

Waterfall是jQuery流体布局插件

当前版本: 1.0.6

更新时间: 2012.2.11

使用方法:

加载jQuery库 (需1.4+)

加载jQuery.waterfull.min.js , 必须在jQuery库之后;

调用接口: $node.waterfall({/* 此处为设置选项, 可留空 */})

如: $('#container').waterfall({})

设置选项:

  1.     itemSelector:'.post-home',     //子元素id/class, 可留空 
  2.     columnCount:4,                 // 列数,  纯数字, 可留空 
  3.     columnWidth:300,               // 列宽度, 纯数字, 可留空 
  4.     isResizable:false,             // 自适应浏览器宽度, 默认false 
  5.     isAnimated:false,              // 元素动画, 默认false 
  6.     Duration:500,                  // 动画时间 
  7.     Easing:'swing',                // 动画效果, 配合 jQuery Easing Plugin 使用 
  8.     endFn:function(){},            // 回调函数 

转载请注明:代码家园 » jQuery流体布局插件-Waterfall

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)