这款瀑布流效果是从美丽说扒下来的,具体方法是参照jquery masonry与infinitescroll两款瀑布流插件达到演示DEMO的高大上效果。提示:悬浮在图片上的阴影效果也不错。
引入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
});
}
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791