瀑布流佈局並自動載入實作程式碼_jquery

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