jquery Plugin-Waterfall Stream Plugin

Jquery.wookmark.js

A jquery plug-in-jquery.wookmark.js that realizes the waterfall flow adaptive width layout ,

Wookmark use is very simple to only need a code to achieve, in addition, when the page width changes, it can also adapt to the width of the page , very sincere.

See more waterfall streaming Plug-ins: http://www.csswang.com/resource/2261.html

Website address: Http://www.wookmark.com/jquery-plugin

Demo Address: http://www.wookmark.com/

Source Address: Https://github.com/GBKS/Wookmark-jQuery

---------------------------

"Waterfall Flow Layout" with the popularity of the Pinterest network is famous, now the domestic use of this style layout of the site is more and more, such as Mark, mushroom street, Dot dot net, wow, and so on.

Today, mainly to introduce some of the relevant production plug-ins, as well as successful cases, hoping to give you future work to help. make the waterfall flow layout of the excellent plug-ins

First of all, we recommend several jquery plug-ins to make waterfall flow, these plug-ins can help you to realize the layout effect similar to Pinterest: 1.Masonry

Masonry is a dynamic grid layout plug-in. Each element is in the horizontal direction using a float layout, but in the vertical direction using absolute positioning to control the position of elements, like a wall, can do jianfengchazhen. 2.Isotope

Isotope is a dynamic layout of the refined jquery plug-in, is a separate CSS can not be implemented, and he could through the jquery selector to control the display and hiding elements. 3.Blockslt

Blocksit.js is a jquery plug-in that creates a dynamic grid layout. It converts HTML elements to "blocks", and their placement is similar to the Pinterest of grid layouts. 4.Wookmark

Wookmark is a simple, dynamic grid layout of the jquery plugin. 5.Pinterest Clone Layout

This is a Pinterest site layout of jquery, to facilitate you quickly create a similar Pinterest layout effect of the site 6.Flex

Flex is a fluid asymmetrical animation grid Layout plug-in. It also has a zoom function when the mouse hovers over it.

The above six are all jquery plug-ins, the main function is to use them to make what you call Waterfall Flow layout, of course, if you think they are bad, you can write one of these plug-ins, I believe you do, but there are a lot of students do not know JS, or can use, the top of a hurry. Let's take a look at which side sites are using waterfall flow layouts. who is using the waterfall flow layout.

Here are the waterfall layout of the site, it looks very classic, but it looks very familiar, because they are all from the Pinterest cloned. Otherwise, many of them simply creatively use dynamic grids to showcase their work and content.

1.Pinspire

A classic waterfall-flow layout case, is often taken to the visitors long.

2.WoXiHuan

3.Huaban

4.Mishang

5.Trippy

6.Chill

7.Sworly

8.Veerle

9.All Womens Talk

10.GentleMint

In addition to these cases, of course, there are better, but I did not find, if we have better plug-ins and cases, hope to share with us. Thank you.