瀑布流插件


jQuery制作瀑布流

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

今天,主要向大家介紹一些相關的制作插件,以及成功的案例,希望能給大家今后的工作有所幫助。

制作瀑布流布局的優秀插件

首先簡單的向大家推薦幾款制作瀑布流jQuery插件,這些插件能幫助大家輕松的實現類似於pinterest的布局效果:

1.Masonry

Masonry

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

2.Isotope

Isotope

Isotope是一款實現動態布局的精致jQuery插件,是單獨的CSS無法實現的,而且他可以通過jQuery選擇器來控制元素的顯示與隱藏等。

3.Blockslt

Blockslt

BlocksIt.js是一個創建動態的網格布局的jQuery插件。它將HTML元素轉換為“塊”,它們的位置布局類似於網格布局的Pinterest一樣。

4.Wookmark

Wookmark

Wookmark是一款簡單的動態網格布局的jQuery插件。

5.Pinterest Clone Layout

Pinterest Clone Layout

這是一個客隆了Pinterest網站布局的jQuery,方便你快速創建一個類似於pinterest布局效果的站點

6.Flex

Flex

Flex是一個流體不對稱的動畫網格布局插件。它還有一個鼠標懸停時放大的功能。

上面六款都是jQuery插件,主要功能就是可以使用他們來制作大家所說的瀑布流布局,當然你要是認為他們不好,你可以自己動手寫一個這樣的插件,這點我相信您行的,但有很多不懂js的同學,還是可以用一用,頂個急。下面我們一起來看看哪些方網站在使用瀑布流布局。 

其他:http://www.cnblogs.com/liubiaocai/archive/2013/04/26/3044503.html
http://www.csswang.com/resource/2261.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM