添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 建站教程 > JavaScript教程 >

jQuery Masonry瀑布流插件参数说明

时间:2015-03-28      来源:互联网     

jQuery Masonry是一个构建瀑布流布局的一个jQuery插件,通过它可以轻松使页面元素通过绝对定位实现瀑布流布局,以下是参数介绍:

$('#wrapper').masonry({

singleMode: false,

// 禁用测量每个浮动元素的宽度。
// 如果浮动元素具有相同的宽度,设置为true。
// 默认: false


columnWidth: 240,
// 1列网格的宽度,单位为像素(px)。
// 默认: 第一个浮动元素外宽度。


itemSelector: '.box:visible',
// 附加选择器,用来指定哪些元素包裹的元素会重新排列。

resizeable: true,
// 绑定一个 Masonry 访问 用来 窗口 resize时布局平滑流动.
// 默认:true


animate: true,
// 布局重排动画。
// 默认:false


animationOptions: {},
// 一对动画选项,具体参数可以参考jquery .animate()中的options选项


appendedContent: $('.new_content'),
// 附加选择器元素,用来尾部追加内容。
// 在集成infinitescroll插件的情况下使用。


saveOptions: true,
// 默认情况下,Masonry 将使用以前Masonry使用过的参数选项,所以你只需要输入一次选项
// 默认:true


}, function() {}
// 可选择的回调函数
// 'this'将指向重排的Masonry适用元素


);

相关文章

大家都在看

最新更新