国产高清无码不卡,在线观看电影天堂,国产激情影视综合

10個(gè)最有趣的jQuery Grid插件（2/2）

原創(chuàng)|行業(yè)資訊|編輯：鄭恭琳|2015-09-02 11:04:55.000|閱讀 663 次

概述：jQuery為廣大用戶提供了一種簡單的方法來選擇HTML元素和操作DOM，并且能更加動(dòng)態(tài)、更加靈活的前端布局。下面為大家介紹一下10大最有趣的jQuery網(wǎng)格插件。

相關(guān)鏈接：

6. jQuery Portfolio

如果你想設(shè)計(jì)一個(gè)時(shí)尚組合的網(wǎng)站jQuery Portfolio 插件是一個(gè)不錯(cuò)的選擇。

你可以在網(wǎng)格中設(shè)置列的數(shù)目以及想要的jQuery過渡效果。 jQuery Portfolio插件在移動(dòng)設(shè)備的響應(yīng)效果也很好，所以不用擔(dān)心在移動(dòng)設(shè)備上的用戶體驗(yàn)。

7. jQuery MatchHeight

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

你可以使用一個(gè)最大高度作為基準(zhǔn)，或定義一個(gè)特定的目標(biāo)元素，然后MatchHeight將會(huì)確保其它元素不會(huì)比這更大。它有一個(gè)Data API使你可以使用HTML5文件里內(nèi)聯(lián)< script>標(biāo)記中的數(shù)據(jù)屬性。

8. Photoset Grid

如果你喜歡tumblr的Photoset功能，那Photoset Grid jQuery插件就是專門為你設(shè)計(jì)的。這個(gè)方便的前端工具就是基于Photoset功能將圖像轉(zhuǎn)換成靈活的網(wǎng)格。這個(gè)插件的原始版本是用于創(chuàng)建Tumblr主題，后來開發(fā)團(tuán)隊(duì)決定給設(shè)計(jì)人員機(jī)會(huì)讓他們在該插件中自己設(shè)計(jì)。

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

9. Shuffle

你是否曾經(jīng)想要一個(gè)靈活的圖像網(wǎng)格，你可以進(jìn)行分類、排序和篩選項(xiàng)目？如果是的話，你一定要試試Shuffle。這個(gè)插件做出來的網(wǎng)格非常漂亮，特別是因?yàn)樗陧撁婕虞d時(shí)加了一個(gè)很酷的洗牌效果。

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