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

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 
}); 
}); 

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