為什么一加js,css樣式的效果就沒了
加了js后，css的圓角框，padding之類的都沒了
qq_overdose_4
2016-11-05
3 回答
舉報
0/150
提交
取消
2016-11-07
同求解
2016-11-05
js部分
window.onload=function(){
? ?waterfall('main','box');
}
//根據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;
}
function getMinhIndex(arr,val)
{
? ?for(var i in arr)
? ?{
? ? ? ?if(arr[i]==val)
? ? ? ?{
? ? ? ? ? ?return i;
? ? ? ?}
? ?}
}
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;marign:0 auto';
? ?var hArr=[]; ? ? //存放每一行高度的數組
? ?for(var i=0;i<oBoxs.length;i++)
? ?{
? ? ? ?if(i<cols)
? ? ? ?{
? ? ? ? ? ?hArr.push(oBoxs[i].offsetHeight);
? ? ? ?}
? ? ? ?else{
? ? ? ? ? ?var minH=Math.min.apply(null,hArr);
? ? ? ? ? ?var index=getMinhIndex(hArr,minH);
? ? ? ? ? ?oBoxs[i].style.position='absolute';
? ? ? ? ? ?oBoxs[i].style.top=minH+'px';
? ? ? ? ? ?oBoxs[i].style.left=oBoxs[index].offsetLeft+'px';
? ? ? ? ? ?hArr[index]+=oBoxs[i].offsetHeight;
? ? ? ?}
? ?}
}
2016-11-05
源代碼是什么？