DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> masonry插件實現瀑布流布局並自動加載實現代碼
masonry插件實現瀑布流布局並自動加載實現代碼
編輯: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
});
});
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved