瀑布流布局并自動加載實現(xiàn)代碼
更新時間：2013年03月12日 17:27:05 作者：
Pinterest使用一種新的方式布局取得成功之后，們把他叫做瀑布流，國內(nèi)現(xiàn)有美麗說，蘑菇街，花瓣等代表的網(wǎng)站接下來為你介紹一個juqery的插件masonry的使用，感興趣的你可以參考下哈
自從Pinterest使用了一種新的方式布局取得成功之后，從此互聯(lián)網(wǎng)出現(xiàn)了布局潮流，我們把他叫做瀑布流??！在互聯(lián)網(wǎng)流行起來，從國外到國內(nèi)普遍存在。國內(nèi)現(xiàn)有美麗說，蘑菇街，花瓣等代表的網(wǎng)站。
瀑布流是流行一段時間了，現(xiàn)在網(wǎng)上出現(xiàn)了很多的插件。使用起來更是非常的方便。目前用的非常多，并且有是一個juqery的插件masonry，插件地址：http://masonry.desandro.com/
先使用css把一個網(wǎng)頁按照從上到下的方式布局好。
使用起來更是非常方便：
我先引用好jquery文件和masonry文件，使用如下代碼：
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可調(diào)整大小 Boolean
isRTL:false ////使用從右到左的布局 Boolean
});
});
瀑布流是流行一段時間了，現(xiàn)在網(wǎng)上出現(xiàn)了很多的插件。使用起來更是非常的方便。目前用的非常多，并且有是一個juqery的插件masonry，插件地址：http://masonry.desandro.com/
先使用css把一個網(wǎng)頁按照從上到下的方式布局好。
使用起來更是非常方便：
我先引用好jquery文件和masonry文件，使用如下代碼：
復(fù)制代碼 代碼如下:
$(function(){
var $container = $('#container');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.content_box',
isFitWidth: true,//// 是否可調(diào)整大小 Boolean
isRTL:false ////使用從右到左的布局 Boolean
});
});
相關(guān)文章
Jquery網(wǎng)頁內(nèi)滑動緩沖導(dǎo)航的實現(xiàn)代碼
這篇文章主要介紹了Jquery網(wǎng)頁內(nèi)滑動緩沖導(dǎo)航的實現(xiàn)代碼,實現(xiàn)滑動緩沖的方式實現(xiàn)頁內(nèi)導(dǎo)航，用戶體驗大大提升需要的朋友可以參考下2015-04-04
最近有一個活動，其中的數(shù)據(jù)需要和純靜態(tài)html網(wǎng)站進(jìn)行交互。但是由于兩個網(wǎng)站處于不同的域名下，而Ajax的應(yīng)用中，由于安全的問題，瀏覽器默認(rèn)是不支持跨域調(diào)用的，最后選用了JQuery中的getJSON方法2010-12-12
下面小編就為大家?guī)硪黄ㄟ^jquery實現(xiàn)頁面的動畫效果(實例代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
jQuery插件jsonview展示json數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了jQuery插件jsonview展示json數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
這篇文章主要介紹了jQuery中的基本選擇器用法,文中分簡單、進(jìn)階、高階三個部分來講解,十分詳細(xì),需要的朋友可以參考下2016-04-04
使用jquery實現(xiàn)的一個圖片延遲加載插件（含圖片延遲加載原理）
這篇文章主要介紹了使用jquery實現(xiàn)的一個圖片延遲加載插件,同時講解了圖片延遲加載的原理,還有無阻塞加載廣告的功能哦,需要的朋友可以參考下2014-06-06
jQuery使用模式窗口實現(xiàn)在主頁面和子頁面中互相傳值的方法
這篇文章主要介紹了jQuery使用模式窗口實現(xiàn)在主頁面和子頁面中互相傳值的方法,涉及jQuery模式窗口及參數(shù)傳遞相關(guān)技巧,需要的朋友可以參考下2016-03-03
jQuery獲取所有父級元素及同級元素及子元素的方法(推薦)
這篇文章主要介紹了jQuery獲取所有父級元素及同級元素及子元素的方法，本文給大家介紹的非常詳細(xì)，具有參考借鑒價值 ,需要的朋友可以參考下2018-01-01
這篇文章主要為大家分享了兩款帶遮罩的jQuery彈出框，jQuery遮罩層在現(xiàn)在的網(wǎng)站中十分常見，感興趣的小伙伴們可以參考一下2015-12-12
jQuery實現(xiàn)導(dǎo)航樣式布局操作示例【可自定義樣式布局】
這篇文章主要介紹了jQuery實現(xiàn)導(dǎo)航樣式布局操作,可實現(xiàn)基于jQuery的用戶自定義樣式布局與屬性動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2018-07-07