素的ID * @param box [Str] 每一个box的类名 */ function PBL(wrap,box){ // 1.获得外层以及每一个box var wrap = document.getElementById(wrap); var boxs = getClass(wrap,box); // 2.获得屏幕可显示的列数 var boxW = boxs[0].offsetWidth; var colsNum = Math.floor(document.documentElement.clientWidth/boxW); wrap.style.width = boxW*colsNum+'px';//为外层赋值宽度 // 3.循环出所有的box并按照瀑布流排列 var everyH = [];//定义一个数组存储每一列的高度 for (var i = 0; i < boxs.length; i++) { if(i=getLastH() ?true:false; } /** * 获得最后一个box所在列的高度 */ function getLastH(){ var wrap = document.getElementById('box01_list'); var boxs = getClass(wrap,'li_list'); return boxs[boxs.length-1].offsetTop+boxs[boxs.length-1].offsetHeight; } /** * 设置加载样式 * @param box [obj] 设置的Box * @param top [Num] box的top值 * @param left [Num] box的left值 * @param index [Num] box的第几个 */ var getStartNum = 0;//设置请求加载的条数的位置 function getStyle(box,top,left,index){ if (getStartNum>=index) return; $(box).css({ }); $(box).stop().animate({ "opacity":"1" },999); getStartNum = index;//更新请求数据的条数位置 }
产品
供应 求购
产品分类:
住宿 返回上一分类 返回顶级分类