pinto超简单的手机响应式瀑布流插件

瀑布流每个节点结构

<div id="container">
    <div>
        <a href='http://www.sucaihuo.com/js/481.html'  target='_blank'>
            <img src='images/02.jpg' alt='jQuery Raty星级插件' />
        </a>
        <h3>
            <a href='http://www.sucaihuo.com/js/481.html' target='_blank'>
                jQuery Raty星级插件
            </a>
        </h3>
    </div>
    <div>
        <a href='http://www.sucaihuo.com/js/482.html'  target='_blank'>
            <img src='images/07.jpg' alt='jQuery超酷下拉插件' />
        </a>
        <h3>
            <a href='http://www.sucaihuo.com/js/482.html' target='_blank'>
                jQuery超酷下拉插件
            </a>
        </h3>
    </div>
</div>

引入pinto.js瀑布流插件

<script src="js/pinto.js" type="text/javascript"></script>

调用pinto插件，默认选择#container的子级div

$(function() {
    $('#container').pinto();
});