如今，絕大多數網站都要依靠網格來進行布局，擁有一些好的Grid網格布局插件能大大地節(jié)約開發(fā)時間，還能在滿足響應式布局的同時擁有迷人的外觀。接下來，小編帶大家來認識15款非常棒的響應式jQuery Grid網格插件，希望大家喜歡。>>> 查看ASP.NET網格控件

Freewall

Freewall是一款跨平臺的、響應式jQuery插件，可幫助你創(chuàng)建多種類型的網格布局：靈活布局、圖像布局、嵌套網格、流體網格、Metro風格布局以用CSS3實現的動畫效果和回調事件的瀑布流布局。Freewall是一套功能全面的解決方案，可創(chuàng)建動態(tài)的桌面網格布局、移動和平板電腦布局。

S Gallery

S Gallery是一個jQuery圖片庫插件，用于顯示響應式網格中的圖片。S Gallery的設計靈感來自于Sony的產品畫廊，并模仿了其功能。

Mason.js

有許多javascript方案都可用于創(chuàng)建動態(tài)網格布局。盡管大多數都很好，但是有些網格有縫隙或者鋸齒邊緣。Mason.js是一款jQuery插件，巧妙地填補了縫隙，Grid網格顯得非常完美。

jQuery.Shapeshift

用于創(chuàng)建類似于Pinterest動態(tài)網格布局的jQuery插件非常多。jQuery.Shapeshift就是其中一個強有力的代表。通過一個觸摸動作，這些圖片可以拖曳（需要使用jQuery UI）。拖曳可以影響網格布局，就像網格在需要的時候，會自動去填充空隙一樣。這同樣在觸摸設備和響應式布局上有效。

jQuery Nested

Nested是一個用于創(chuàng)建多列網格布局的jQuery插件。該插件為所有元素創(chuàng)建一個矩陣，建立一個多列網格，并試圖通過重新排序元素，以填補任何空白。雖然也有很多其他的方法可以達到類似的效果，但是Nested應用了一個小的動作：調整網格底部的任意元素以保證布局無縫隙。

Wookmark jQuery Plugin

動態(tài)列網格布局如此受歡迎，不僅是因為Pinterest使用它進行圖片分享，而是因為它是顯示不同大小的內容的最好方式。

Grid-A-Licious

Grid-A-Licious是一款能輕松創(chuàng)建類似Pinterest的浮動網格布局的jQuery插件。雖然，也有其他插件可以實現類似功能，但是Grid-A-Licious提供了一個更完美的響應式解決方案。無論在何種屏幕大小或設備上，Grid-A-Licious的表格表現皆完美。

jPhotoGrid

jPhotoGrid可將圖像或字幕列表轉換為可以瀏覽和放大照片的網格。這個插件幾乎所有的樣式都是靠CSS完成的。訣竅就是通過浮動列表項來對表格進行布局。jPhotoGrid所需要做的第一件事就是將列表轉換成絕對定位。這就是為何該插件可以放大單個圖像，然后將其返回到原來的地方。

Gridster

Gridster是一款令人印象深刻的jQuery插件，可用于開發(fā)類似于iGoogle的多列網格，可以拖動n行刪除并重新排序。該插件僅需 jQuery （無需 jQuery UI）并且可以將任何給定的HTML結果轉換成網格部件。

Photoset Grid

Photoset Grid 是一款簡單的 jQuery 插件,可以用于把圖片排布成一個靈活的網格。最初,這款插件是為 Tumblr 主題創(chuàng)建的，用于實現響應式的圖片網格布局。

Flex

Flex是一款流式非對稱的網格動畫jQuery插件。你可以將鼠標懸停在瓦片上，就能看到它們漸漸擴大。

Freetile

Freetile是一個jQuery插件,用于組織網頁內容成一個高效的、動態(tài)的響應的布局。它可以應用到一個容器元素，它會嘗試安排它的子元素，最佳利用屏幕的空間，通過“包裝”他們形成緊湊的布局。

Griddy

Griddy是一款小巧、靈活的JQuery插件，能夠在任何元素之上創(chuàng)建簡單的，自定義的網格布局。Griddy還可以根據行/列間隔空間的數量自動計算行高、列寬。設置的選項包括：行，行高，列高，列寬，顏色和透明度等。

jSquares

jSquares是一個用來彈出懸停圖像和說明的jQuery插件。它基本上和在www.ted.com上找到的圖像表格相同。調用jSquares時，可以加入一些參數，如字幕大小，圖像的透明度，切換速度等。它就在IE6+，FF3+，Safari 3以及Opera10上工作起來很有魅力。

jqGrid

jqGrid是一款AjaxedJQuery網格插件，由于網格是一個使用Ajax回調函數加載數據的客戶端解決方案，它可以用于任何服務器端語言，如ASP，PHP，ASP.NET，JSP等。它有一個聰明的特性——子網格，可以在調用主列的時候顯示一個子網格。

擴展閱讀：

• 分享30個最流行的jQuery插件（上）
• 分享30個最流行的jQuery插件（下）
• Web開發(fā)人員應當充分使用的10大jQuery插件
• 20個最炫HTML5，jQuery和CSS3下拉菜單制作教程（附示例/源碼）