window.onload = function(){    waterfall('main','box');}function waterfall(parent,box){    //将main下的所有class为box的元素取出来    var oParent = document.getElementById(parent);    var oBoxs = getByClass(oParent,box);    //计算整个页面显示的列数(页面宽/box的宽)    var oBoxW = oBoxs[0].offsetWidth;    var cols = Math.floor(document.documentElement.clientWidth/oBoxW);    //设置main的宽    oParent.style.cssText = 'width:' + oBoxW * cols + 'px;margin:0 auto';}//根据class获取元素function getByClass(parent,clsName){    var boxArr = new Array(), //用来存储获取到的所有class为box的元素    oElements = parent.getElementsByTagName('*');    for (var i = 0; i < oElements.length; i++) {        if(oElements[i].className == clsName){            boxArr.push(oElements[i]);        }    }    return boxArr;}
                    
                    
                添加回答
举报
0/150
	提交
		取消
	
 
                    