Waterfall stream layout and automatic loading implementation code

Since Pinterest has been successfully deployed in a new way, the Internet has seen its layout trend. We call it waterfall stream !! The Internet is prevalent from abroad to China. There are currently beautiful websites in China, such as mogujie.com and huaban.

Waterfall stream has been popular for some time, and many plug-ins are available on the Internet. It is more convenient to use. There are a lot of plug-ins currently used, and there is a juqery plug-in masonry, plug-in address: http://masonry.desandro.com/

Use css to deploy a webpage from top to bottom.
It is more convenient to use:

I first reference the jquery and masonry files and use the following code:
Copy codeThe Code is as follows:
$ (Function (){
Var $ container = $ ('# iner ');
$ Container. imagesLoaded (function (){
$ Container. masonry ({
ItemSelector: '. content_box ',
IsFitWidth: true, // whether the size can be adjusted Boolean
IsRTL: false /// use the layout Boolean from right to left
});
});