脚本宝典收集整理的这篇文章主要介绍了js实例教程-masonry插件实现瀑布流布局并自动加载实现代码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

自从Pinterest使用了一种新的方式布局取得成功之后，从此互联网出现了布局潮流，我们把他叫做瀑布流！！在互联网流行起来，从国外到国内普遍存在。国内现有美丽说，蘑菇街，花瓣等代表的网站。

瀑布流是流行一段时间了，现在网上出现了很多的插件。使用起来更是非常的方便。目前用的非常多，并且有是一个juqery的插件masonry，插件地址：https://masonry.desandro.com/

先使用css把一个网页按照从上到下的方式布局好。
使用起来更是非常方便：

我先引用好jquery文件和masonry文件，使用如下代码：

 代码如下:

$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可调整大小 Boolean
isRTL:false ////使用从右到左的布局 Boolean
});
});

觉得可用，就经常来吧！Javascript技巧 脚本宝典 欢迎评论哦！ js技巧，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-masonry插件实现瀑布流布局并自动加载实现代码全部内容，希望文章能够帮你解决js实例教程-masonry插件实现瀑布流布局并自动加载实现代码所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。