jquery仿美丽说瀑布流效果

来源:https://www.sucaihuo.com/js/571.html 2015-11-22 05:32浏览(1952) 收藏

这款瀑布流效果是从美丽说扒下来的,具体方法是参照jquery masonry与infinitescroll两款瀑布流插件达到演示DEMO的高大上效果。提示:悬浮在图片上的阴影效果也不错。
jquery仿美丽说瀑布流效果
分类:其它特效 > 瀑布流 难易:中级
查看演示 下载资源 下载积分: 30 积分

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

infinitescroll无限滚动加载实例演示:http://www.sucaihuo.com/js/108.html和http://www.sucaihuo.com/js/47.html瀑布流加载教程:http://www.sucaihuo.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
    });
}
标签: 瀑布流
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2