自己主动瀑布流布局和实现代码加载

Pinterest使用一种新的方式布局取得成功之后,们把他叫做瀑布流,国内现有漂亮说,蘑菇街,花瓣等代表的站点接下来为你介绍一个juqery的插件masonry的使用,感兴趣的你能够參考下哈

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

 

瀑布流是流行一段时间了。如今网上出现了许多的插件。使用起来更是很的方便。眼下用的许多,而且有是一个juqery的插件masonry。插件地址:http://masonry.desandro.com/ 

先使用css把一个网页依照从上到下的方式布局好。 
使用起来更是很方便: 

我先引用好jquery文件和masonry文件,使用例如以下代码: 
代码例如以下: 
$(function(){ 
var $container = $('#container'); 
$container.imagesLoaded( function(){ 
$container.masonry({ 
itemSelector : '.content_box', 
isFitWidth: true,//// 是否可调整大小 Boolean 
isRTL:false ////使用从右到左的布局 Boolean 
}); 
}); 

版权声明:本文博客原创文章,博客,未经同意,不得转载。

原文地址:https://www.cnblogs.com/mfrbuaa/p/4665711.html