漂亮的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>