Waterfall stream plug-in

With the popularity of Pinterest, waterfall stream layout has become more and more popular in China, such as Mark, mogujie.com, diandian.com, and wow.

Today, I would like to introduce some relevant plug-ins and successful cases, hoping to help you in your future work.

Create excellent plug-ins for waterfall stream Layout

First, we recommend several jquery plug-ins for making waterfall streams. These plug-ins can help you easily implement the layout effect similar to Pinterest:

1. masonry

Masonry is a dynamic grid layout plug-in. The horizontal direction of each element adopts a full float layout, but absolute positioning is used in the vertical direction to control the position of the element, just like a wall, which can be used as a stitch.

2. Isotope

Isotope is a refined jquery plug-in that implements dynamic layout. It is not implemented by CSS alone, and it can control the display and hiding of elements through the jquery selector.

3. blockslt

Blocksit. JS is a jquery plug-in that creates a dynamic grid layout. It converts HTML elements to "blocks" and their location layout is similar to Pinterest in grid layout.

4. wookmark

Wookmark is a simple jquery plug-in for dynamic grid layout.

5. Pinterest clone Layout

This is a jquery built on the Pinterest website layout, allowing you to quickly create a site similar to the Pinterest layout effect.

6. Flex

Flex is a fluid-asymmetric animation grid layout plug-in. It also allows you to zoom in when you hover over the mouse.

The above six are jquery plug-ins. The main function is to use them to make waterfall stream la S. Of course, if you think they are not good, you can write such a plug-in by yourself, I believe you can do this, but there are many people who do not understand JS, you can still use it, top of a rush. Next, let's take a look at which websites use waterfall stream layout. 

Other: http://www.cnblogs.com/liubiaocai/archive/2013/04/26/3044503.html

http://www.csswang.com/resource/2261.html