6. jQuery Portfolio

如果你想設計一個時尚組合的網站jQuery Portfolio 插件是一個不錯的選擇。

你可以在網格中設置列的數目以及想要的jQuery過渡效果。 jQuery Portfolio插件在移動設備的響應效果也很好，所以不用擔心在移動設備上的用戶體驗。

7. jQuery MatchHeight

jQuery MatchHeight插件允許你用一種特殊的jQuery網格使得所有選中元素的高度完全相等。 MatchHeight自動匹配在同一組中的元素高度，并靈活處理浮點元素和包裝。你可以使用這個插件來漂亮的放置項目。

你可以使用一個最大高度作為基準，或定義一個特定的目標元素，然后MatchHeight將會確保其它元素不會比這更大。它有一個Data API使你可以使用HTML5文件里內聯< script>標記中的數據屬性。

8. Photoset Grid

如果你喜歡tumblr的Photoset功能，那Photoset Grid jQuery插件就是專門為你設計的。這個方便的前端工具就是基于Photoset功能將圖像轉換成靈活的網格。這個插件的原始版本是用于創建Tumblr主題，后來開發團隊決定給設計人員機會讓他們在該插件中自己設計。

如果你想在你自己的Tumblr主題添加Photoset Grid，你可以在自定義代碼段嵌入自己的代碼。大概這個插件最酷的功能可能就是在圖像網格中加入了Lightbox。你可以在點擊其中一張圖片感受一下。

9. Shuffle

你是否曾經想要一個靈活的圖像網格，你可以進行分類、排序和篩選項目？如果是的話，你一定要試試Shuffle。這個插件做出來的網格非常漂亮，特別是因為它在頁面加載時加了一個很酷的洗牌效果。

項目可以被添加到多個組，然后用戶可以通過組來過濾它們，因此這是一個很好的用戶體驗。該插件給列出的項目所屬類別圖像增加了微妙的文字說明。你可以在JavaScript變量的幫助文檔下設置很多選項，如洗牌效果的速度、裝訂線的寬度、列的寬度等。

10. jQuery Gridly

jQuery Gridly 是實現觸摸設備上網格布局的不二選擇。這個插件允許用戶在屏幕上拖拽項目。無論是托還是拽，調整大小的功能都會根據觸屏手勢進行反應。

用戶可以關閉他們不喜歡的圖像，在圖像關閉之后頁面會通過很酷的效果重新排列布局。而且jQuery Gridly很容易在Rails 應用上與Ruby集成使用。

翻譯自：轉載請注明本文轉載自慧都控件網