瀑布流布局並自動載入實現代碼

標籤：des   style   http   ar   io   color   使用   sp   on   

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

瀑布流布局並自動載入實現代碼