-
1.封裝獲取class元素。查看全部
-
offsetheight可以獲取包括padding在類的屬性，建議使用邊距時用padding查看全部
-
在jQuery中，width()方法用于獲得元素寬度；innerWidth()方法用于獲得包括內邊界（padding）的元素寬度，outerWidth()方法用于獲得包括內邊界(padding)和邊框(border)的元素寬度，如果outerWidth()方法的參數為true則外邊界(margin)也會被包括進來，即獲得包括外邊框(margin)、內邊界(padding)和邊框(border)的元素寬度。同理，innerHeight方法與outerHeight方法也是用同樣的方法計算相應的高度。 所以說：對于同一個元素應該是：width()<=innerWidth()<=outerWidth()<=outerWidth(true);查看全部
-
jQuery實現加載圖片帶有分散效果的瀑布流布局查看全部
-
@瀑布流布局--5-1 瀑布流布局實現方式比較 【css3和js實現方法比較】 --css3方式-- 1：不需要計算，瀏覽器自動計算，只需設置1列寬，性能高 2:列寬隨著瀏覽器寬口大小進行改變，用戶體驗不好； 3：圖片排序按照垂直順序排列，打亂圖片顯示順序 4.圖片加載還是需要js --js方式-- js實現的瀑布流不會有上面的缺點，但是性能相對要差！查看全部
-
alert($(window).height()); //瀏覽器時下窗口可視區域高度 alert($(document).height()); //瀏覽器時下窗口文檔的高度 alert($(document.body).height());//瀏覽器時下窗口文檔body的高度 alert($(document.body).outerHeight(true));//瀏覽器時下窗口文檔body的總高度 包括border padding margin alert($(window).width()); //瀏覽器時下窗口可視區域寬度 alert($(document).width());//瀏覽器時下窗口文檔對于象寬度 alert($(document.body).width());//瀏覽器時下窗口文檔body的高度 alert($(document.body).outerWidth(true));//瀏覽器時下窗口文檔body的總寬度 包括border padding margin alert($(document).scrollTop()); //獲取滾動條到頂部的垂直高度 alert($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度查看全部
-
求minH在數組hArr中的索引：$.inArray(minH,hArr)查看全部
-
定義函數getByClass()實現獲取document或指定父元素下所有class為on的元素查看全部
-
@瀑布流布局----2-5 JavaScript實現瀑布流布局中圖片排序 【原理】用一個數組存放每列的高度,當有新的圖片加進來時,新圖片總是加在列高最小的那一列,新圖片加進來后,數組中相應的列的高度也相應增加. 【要點】 1.求數組中最小值 Math.min()只能求一組數據的最小值，通過傳參數列表，而不是數組。 借助apply()方法,1.將數組變為參數列表，2.改變函數中this的指向(本節課用不到此功能) Math.min.apply(null,hArr); 2.求最小值在數組中的索引 封裝函數getIndex 3.圖片定位(兩種方法) position:absolute; top:minH+’px’; 1).left:oBoxW*index+’px’; 2).left:oBoxs[index].offsetLeft+’px’; 4.存放offsetHeight的數組值hArr要不斷更改 在每次加入新圖片后，最小高度的box加上定位在其下的box的offsetHeight ；即：hArr[index]+=oBoxs[i].offsetHeight;查看全部
-
- obj.style.cssText ="",以字符串的形式設置多個樣式 - #main一開始沒有設置寬度, 所以瀏覽器大小有變化, #main也就會跟著變化, 所以列數就算不準了, 所以要給#main設置固定寬度查看全部
-
取整（客戶端電腦屏幕的寬度/box的寬） Math.floor(document.documentElement.clientWidth/oBoxs[0].offsetWidth);查看全部
-
IE下可能會不支持getElementsByClassName 所以解決方法 封裝一個函數 getClassName(父元素，要獲取的類名) { //先定義個空數組，用來存放匹配到的元素 var boxArr = []; //然后獲取父元素內的所有后代元素標簽 var oElements = 父元素（對象）.getElementsByTagName('*'); //循環遍歷，將匹配到的利用數組對象中push方法添加到之前創建的空數組中 for(var i = 0;i<oElements.length;i++){ //判斷是否等于指定類名 if(oElements[i].className == 要獲取的類名 ){ boxArr.push(oElements[i]); } } }查看全部
-
圓角：border-redius： 陰影：box-shadow：水平 垂直 模糊程度 顏色；查看全部
-
1. js中的offsetHeight屬性，能獲取包括padding在內的高度，但不能獲得margin 2. 瀑布流的特點是等寬不等高，數據加載的時候通過絕對定位來找到box的位置，而box的位置又是相對于main來定義的，所以main要用position:relative;來定義查看全部
-
function getByClass(clsName, parent){ //定義函數getByClass()實現獲取document或指定父元素下所有class為on的元素 var oP=parent?document.getElementById(parent):document, box=new Array(); s = oP.getElementsByTagName('*'); for(i=0;i<s.length;i++){ if(s[i].className==clsName){ box.push(s[i]); } } return box; }查看全部
舉報
0/150
提交
取消