用jQuery Masonry快速构建一个瀑布流网站布局
2018-03-15 00:00
459 查看
插件参数示例:
插件主页:http://masonry.desandro.com/index.html
$('#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适用元素 });
插件主页:http://masonry.desandro.com/index.html
相关文章推荐
- 【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局
- 【jQuery插件】用jQuery Masonry快速构建一个pinterest网站布局(转)
- 用jQuery Masonry快速构建一个pinterest网站布局
- 【MVC】快速构建一个图片浏览网站
- jQuery Masonry构建pinterest网站布局注意要点(转)
- 【MVC】快速构建一个图片浏览网站
- 如何快速构建一个美女主播网站(来自知乎一个关于 webRTC 是否适合直播问题的讨论)
- 瀑布流-03-通过封装的自定义布局快速实现商品展示
- 如何逐步去构建一个大型网站系统 3ff8
- 打算构建一个个人网站
- 现在各个网站都在使用瀑布流布局吧~
- 谈谈构建单页布局网站的创意技术——附优秀案例
- React-route和Webpack快速构建一个react程序
- 如何构建一个优秀的移动网站?谷歌专家教你25招(五)[转]
- 迎接 Windows Azure 和 DNN 挑战,几分钟内快速构建网站!
- Silverlight 第一步 快速的掌握页面布局,做一个博客的布局实例
- 构建一个网站(准备)
- 如何快速制造一个成功的中文web2.0网站?
- 创建一个简易 APT 仓库 快速构建简易APT仓库