js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:js代码_js特效免费下载_JS特效代码网 > 网页特效 > JS常用代码 > 图片相册

Grid-A-Licious-jQuery瀑布流布局插件

发布时间:2016-03-12 16:14:15    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

Grid-A-Licious-jQuery瀑布流布局插件
//模拟滚动条滚动时随机添加内容
makeboxes = function() {
    var boxes = new Array;   
    var randTxt = ['js特效代码网','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("js特效代码网");	
			}
    },
});
});



瀑布流

jQuery淡入无限加载瀑布流网页特效

js实现自适应瀑布流特效代码

jquery实现手机端投票功能、瀑布流展示特效代码

jQuery炫酷瀑布流底部有填充特效

Grid-A-Licious-jQuery瀑布流布局插件

jquery实现图片瀑布流排列样式特效代码

友荐云推荐
大家说 此评论不代表本站观点