js图片瀑布流布局
//精彩图片瀑布流布局 function G(s){ return document.getElementById(s); } var c1 = c2 = c3 = c4 = min = max = h = 0, w = 253, picList = G("picList"), html = "", css, obj, len; function setList(startNum,entNum){ len = picList.getElementsByTagName("li").length; for(var i = startNum; i < entNum; i++){ obj = G("listItem"+(i+1)); min = Math.min(c1, c2, c3, c4); css = obj.style; css.top = min + "px"; h = obj.offsetHeight; if(c1 == min){ css.left = 0; c1 += h; }else if(c2 == min){ css.left = w + "px"; c2 += h; }else if(c3 == min){ css.left = w * 2 + "px"; c3 += h; }else if(c4 == min){ css.left = w * 3+ "px"; c4 += h; } css.visibility = "visible"; } max = Math.max(c1, c2, c3, c4); picList.style.height = max + "px"; } setList(0,14);//设置瀑布图片显示数量14 </script>
- 1
- binmengxue2014-08-25不错,很好。
- 粉丝: 2
- 资源: 12
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助