
“瀑布流布局”隨着pinterest網的流行而出名,現在國內使用這種風格布局的網站也越來越多,比如說Mark之,蘑菇街,點點網,哇哦等等。
今天,主要向大家介紹一些相關的制作插件,以及成功的案例,希望能給大家今后的工作有所幫助。
制作瀑布流布局的優秀插件
首先簡單的向大家推薦幾款制作瀑布流的jQuery插件,這些插件能幫助大家輕松的實現類似於pinterest的布局效果:
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是一個流體不對稱的動畫網格布局插件。它還有一個鼠標懸停時放大的功能。
上面六款都是jQuery插件,主要功能就是可以使用他們來制作大家所說的瀑布流布局,當然你要是認為他們不好,你可以自己動手寫一個這樣的插件,這點我相信您行的,但有很多不懂js的同學,還是可以用一用,頂個急。下面我們一起來看看哪些方網站在使用瀑布流布局。
http://www.csswang.com/resource/2261.html