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