-
function getByClass(clsName, parent){ //定義函數getByClass()實現獲取document或指定父元素下所有class為on的元素 var oparent=document.getElementById(parent); var classArry = new Array(); if(parent){ classArry = oparent.getElementsByTagName('*'); }else{ classArry = document.getElementsByTagName('*'); } var Arry = new Array(); for(var i=0;i<classArry.length;i++){ if(classArry[i].className==clsName){ Arry.push(classArry[i]); } } return Arry; }查看全部
-
標準模式和混雜模式下獲取頁面滾走的距離分別是 document.body.scrollTop 和 document.documentElement.scrollTop查看全部
-
計算數組中的最小值：var minH=Math.min.apply(null,hArry); heightArr[index] += oBoxs[i].offsetHeight;查看全部
-
瀑布流布局的特點：等寬不等高查看全部
-
Math.min.apply(null,[])可求數組最小值 apply()改變方法中this的指向查看全部
-
Javascript 實現瀑布流布局，每個數據塊上的 position 屬性應定義為（absolute）查看全部
-
DOM轉成JS對象才可以用CSS $(DOM對象)即可查看全部
-
通過類名去獲取元素的方法查看全部
-
Math.min.apply 加入apply后可以用數組查看全部
-
瀑布流分布時，列數是固定的，不會根據瀏覽器寬度改變列數查看全部
-
數組push:將某個元素加到數組的最后一個空中查看全部
-
實現瀑布流布局的三種方法： js原生方法 jquery方法 css3的多欄布局。 大愛army?。。。。?！查看全部
-
三種實現方法查看全部
-
javascript實現瀑布流布局中圖片排序 圖片排序：（第二行的第一張圖片排列在第一行中高度最矮的那張圖片下面） 【原理】第二行的第一個box排在第一行高度最矮的那個下面，第二個排在次矮的那個下面，以此類推。 【要點】 判斷輸出個數：console.log(hArr); 1、建立存高array ：var hArry=[]; 把i<cols中圖片高度壓入數組中：hArry.push(oBox[i].offsetHeight); 2.第七張圖片加載在前六張中高度最矮的位置下 計算數組中的最小值：var minH=Math.min.apply(null,hArry); 求數組中最小值 Math.min()只能求一組數據的最小值，通過傳參，而不是數組。 借助apply()方法，apply用來改變函數中this的指向，這里用來改變Math對象中的this指向 Math.min.apply(null,hArr); 3.定義left 知道高度最小值的索引index function getMinIndex(arr,val){ for(var i in arr){ if(arr[i]==val){ return i; } } } a、oBox[i].style.left=oBox[index].offsetLeft+'px'; b、oBox[i].style.left=oBoxw*index+'px'; 4、定義第七張圖片的top、left oBox[i].style.postion='absolute'; oBox[i].style.top=minH+'px'; oBox[i].style.left=oBoxw*index+'px'; oBox[i].style.left=oBox[index].offsetLeft+'px'; 5、解決盒子重疊（因為數組未更新，全部以原先數組來比較） hArry[index]+=oBox[i].offsetHeight;查看全部
-
2-3 JavaScript實現瀑布流布局中圖片定位 **offsetWidth屬性包括padding在內的寬度，而不是元素的width值** 要點： 1.封裝瀑布流的函數waterfall 2.封裝通過className獲取元素集的函數 3.計算一行顯示的列數，父級寬度/box的offsetWidth，注意取整Math.floor； var cols = Math.floor(document.documentElement.clientWidth / oBoxWidth); 4.obj.style.cssText ="",以字符串的形式設置多個樣式 5.查看全部
舉報
0/150
提交
取消