当前位置:首页 > 网页特效 > 瀑布流 >

漂亮的jQuery瀑布流插件Grid-A-Licious

时间:2014-09-29 08:44 来源:互联网 作者:源码搜藏 收藏 推荐

  • 广告推荐
效果预览 立即下载

漂亮的jQuery瀑布流插件Grid-A-LiciousjQuery瀑布流插件Grid-A-Licious是一款简单易用的jQuery插件,可用于创建响应式瀑布流布局,针对不同设备可自动适应宽度。jquery瀑布流响应式jquery插件 所属专题:瀑布流代码

漂亮的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>
本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

瀑布流下载排行

最新文章