JQUERY+HTML5 Beauty Waterfall Flow Layout implementation Method _jquery

This article describes the implementation of JQUERY+HTML5 beautiful waterfall flow layout. Share to everyone for your reference. Specifically as follows:

This is a JavaScript and HTML5 to achieve beautiful waterfall flow layout, this method is the path of the picture written in the JS array, but the focus seems to be not here, but in the picture how to automatically arrange the problem, you can run this instance, click "Load Waterfall Flow Layout" button, You can see the waterfall flow arrangement effect of the picture, now very popular this, I hope you will find some inspiration from this code.

The screenshot of the running effect is as follows:

The online demo address is as follows:

http://demo.jb51.net/js/2015/js-html5-mn-pb-style-codes/

The specific code is as follows:

<! DOCTYPE html>