jQuery外掛程式之 瀑布流外掛程式

2021-09-08 16:45:46 字數 1586 閱讀 1944

jquery.wookmark.js

乙個實現瀑布流

自適應寬度布局的jquery

外掛程式—jquery.wookmark.js ,

wookmark

使用非常簡單到只需要一句**就能實現,除此之外,當頁面寬度發生變化的時候,它還能自適應頁面寬度,非常有誠意。

外掛程式:

「瀑布流

布局」隨著pinterest網的流行而出名,現在國內使用這種風格布局的**也越來越多,比如說mark之,蘑菇街,點點網,哇哦等等。

製作瀑布流

布局的優秀外掛程式

首先簡單的向大家推薦幾款製作瀑布流的jquery

1.masonry

masonry是乙個動態的網格布局外掛程式。每個元素水平方向都採用全float布局,但在垂直方向使用絕對定位來控制元素的位置,猶如徹牆一樣,能做到見縫插針。

2.isotope

isotope是一款實現動態布局的精緻jquery

外掛程式,是單獨的css無法實現的,而且他可以通過jquery

選擇器來控制元素的顯示與隱藏等。

3.blockslt

blocksit.js是乙個建立動態的網格布局的jquery外掛程式。它將html元素轉換為「塊」,它們的位置布局類似於網格布局的pinterest一樣。

4.wookmark

wookmark是一款簡單的動態網格布局的jquery外掛程式。

5.pinterest clone layout

這是乙個客隆了pinterest**布局的jquery,方便你快速建立乙個類似於pinterest布局效果的站點

6.flex

flex是乙個流體不對稱的動畫網格布局外掛程式。它還有乙個滑鼠懸停時放大的功能。

誰在使用瀑布流布局?

下面展示的都是瀑布流布局的**,看起來都很經典,然而看起來很熟悉,因為它們都是從pinterest轉殖出來的。否則,他們中的許多人只是簡單的創造性使用動態的網格來展示他們的作品和內容。

1.pinspire

乙個經典的瀑布流布局案例,常常被人拿來客隆。

2.woxihuan

3.huaban

4.mishang

5.trippy

6.chill

7.sworly

8.veerle

9.all womens talk

10.gentlemint

除了這些案例之外,當然還有更優秀的,只不過我沒有發現,如果大家手上還有更好的外掛程式和案例,希望能與我們分享。謝謝大家。

jQuery外掛程式之 瀑布流外掛程式

jquery.wookmark.js 乙個實現瀑布流 自適應寬度布局的jquery 外掛程式 jquery.wookmark.js wookmark 使用非常簡單到只需要一句 就能實現,除此之外,當頁面寬度發生變化的時候,它還能自適應頁面寬度,非常有誠意。外掛程式 瀑布流 布局 隨著pinteres...

jQuery外掛程式之 Wookmark瀑布流外掛程式

瀑布流布局效果目前來說還是挺流行的,從網頁到手機應用,都能見到瀑布流的身影。相比較手機應用來說,感覺網頁上的瀑布流布局效果實現簡單很多,因為我們有現成的jquery外掛程式可以用,只要稍微的引用一下,再寫那麼一兩句呼叫 然後就沒我們什麼事了,瀑布流就這麼呈現出來了。wookmark這個外掛程式的用法...

jQuery外掛程式之 Wookmark瀑布流外掛程式

瀑布流布局效果目前來說還是挺流行的,從網頁到手機應用,都能見到瀑布流的身影。相比較手機應用來說,感覺網頁上的瀑布流布局效果實現簡單很多,因為我們有現成的jquery外掛程式可以用,只要稍微的引用一下,再寫那麼一兩句呼叫 然後就沒我們什麼事了,瀑布流就這麼呈現出來了。wookmark這個外掛程式的用法...