漂亮的jQuery瀑布流插件Grid-A-LiciousjQuery瀑布流插件Grid-A-Licious是一款简单易用的jQuery插件，可用于创建响应式瀑布流布局，针对不同设备可自动适应宽度。jquery瀑布流响应式jquery插件 所属专题：瀑布流代码
漂亮的jQuery瀑布流插件Grid-A-Licious，浏览更多瀑布流布局代码
漂亮的jQuery瀑布流插件Grid-A-Licious，浏览更多瀑布流布局代码
<script type="text/javascript">
//模拟滚动条滚动时随机添加内容
makeboxes = function() {
var boxes = new Array;
var randTxt = ['源码搜藏 - www.codesocang.com','源码搜藏JS代码免费下载'];
var amount = Math.floor(Math.random()*10);
for(i=1;i<amount;i++){
num = Math.floor(Math.random()*randTxt.length);
div = $('<div></div>').addClass('item');
content = "<img src='images/"+i+".jpg'/><p>"+randTxt[num]+"</p>";
div.append(content);
boxes.push(div);
}
return boxes;
}
//滚动条事件
$(document).ready(function () {
$(window).scroll(function () {
if(($(window).scrollTop() + $(window).height()) == $(document).height())
{
$("#device").gridalicious('append', makeboxes());
}
});
//主要部分
$("#device").gridalicious({
gutter: 20,
width: 300,
animate: true,
animationOptions: {
speed: 150,
duration: 400,
complete:function(data){
console.log("源码搜藏 - www.codesocang.com");
}
},
});
});
</script>
漂亮的jQuery瀑布流插件Grid-A-Licious由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/pubuliu/10347.html
源码搜藏承诺：本站所有资源无病毒，无弹窗，无干扰链接！
上一篇：jQuery底部填充瀑布流
瀑布流排版鼠标点击放大图片代码
HTML5图片堆叠转瀑布流布局特效
jQuery可自定义高度图片瀑布流代码
jquery瀑布流排列样式代码
jQuery无限加载瀑布流插件masonry