jQuery Masonry一个瀑布流插件参数讲解

2022-11-17 0 22

jQuery Masonry一个瀑布流插件参数讲解

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适用元素

);

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!cheeksyu@vip.qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有积分奖励和额外收入!
5.严禁将资源用于任何违法犯罪行为,不得违反国家法律,否则责任自负,一切法律责任与本站无关

发表评论
暂无评论