jquery仿美丽说瀑布流效果

这款瀑布流效果是从美丽说扒下来的，具体方法是参照jquery masonry与infinitescroll两款瀑布流插件达到演示DEMO的高大上效果。提示：悬浮在图片上的阴影效果也不错。

淘建站为您提供更多_其它特效_瀑布流_瀑布流，在此特别感谢您对我们的支持与厚爱！

引入masonry和infinitescroll两款瀑布流插件。

infinitescroll无限滚动加载实例演示：http://www.sucaiq.com/js/108.html和http://www.sucaiq.com/js/47.html瀑布流加载教程：http://www.sucaiq.com/js/47.html

<script type="text/javascript" src="js/jquery.masonry.js"></script>
<script type="text/javascript" src="js/jquery.infinitescroll.js"></script>

调用瀑布流插件

function item_masonry() {
    $('.item img').load(function() {
        $('.infinite_scroll').masonry({
            itemSelector: '.masonry_brick',
            columnWidth: 226,
            gutterWidth: 15
        });
    });

    $('.infinite_scroll').masonry({
        itemSelector: '.masonry_brick',
        columnWidth: 226,
        gutterWidth: 15
    });
}