Waterfall flow layout and automatically load implementation code _jquery

Since Pinterest used a new way of layout success, since the advent of the Internet layout trend, we call him waterfall flow!! Popular in the Internet, from abroad to domestic widespread. Domestic existing beautiful said, Mushroom street, petals and other representatives of the website.

Waterfall flow is popular for some time, and now there are a lot of plug-ins online. It is very convenient to use. Currently used very much, and there is a Juqery plug-in masonry, plug-in address: http://masonry.desandro.com/

First use CSS to put a Web page in the form of top to bottom layout good.
It is also very convenient to use:

I'll start with a good jquery file and masonry file, using the following code:

Copy Code code as follows:

$ (function () {
var $container = $ (' #container ');
$container. imagesloaded (function () {
$container. Masonry ({
Itemselector: '. Content_box ',
Whether the isfitwidth:true,////can be resized Boolean
Isrtl:false////Use a right-to-left layout Boolean
});
});