-
圖片定位： 1、取出div#main中所有div.box： var oPa = document.getElementById("main"); var oBoxs = oPa.getElementsByClassName("box"); 2、計算整個頁面顯示的列數： var w = oBoxs[0].offsetWidth; var cols = Math.floor(document.documentElement.clientWidth/w); 3、設置div#main的寬： oPa.style.cssText += "width:" + w*cols + "px;margin:0 auto;";查看全部
-
原理：通過計算和絕對定位的方式固定圖片位置。 特點：等寬不等高/參差不齊。 使用padding而不是margin：獲取數據塊高度，不僅數據塊本身高度，還包括數據塊間的距離；offsetHeight可以獲取padding，但不能獲取margin。查看全部
-
瀑布流布局：視覺表現為參差不齊的多欄布局；隨著頁面向下滾動，會不斷加載數據塊并附加至當前尾部。 最早使用該布局的是國外的網站Pinterest查看全部
-
css3方式與js原生方式實現瀑布流的區別： 1、css不需要計算，瀏覽器自動計算，js需要計算； 2、css圖片按照垂直順序排列（亂），js圖片按照從左到右順序排列（規范）； 3、css列寬隨瀏覽器窗口大小改變，用戶體驗不好，js列寬固定； 4、css圖片加載還是需要依靠js實現。查看全部
-
css3多欄布局實現瀑布流查看全部
-
jQuery的兩大優點：支持連綴，隱式迭代查看全部
-
width():只包括元素定義的寬度 outerWidth():不光包括元素的寬度還包括元素定義的padding、border等 height()/outerHeight同理 獲取數組中最小值的索引：$.inArray(val,array)查看全部
-
apply():用來改變函數或方法中this的指向查看全部
-
瀑布流布局特點：視覺表現為參差不齊的多欄布局，隨著滾動條的滾動可以不斷的向下加載數據 三個實現方法： 1、javaScript原生方法 2、jQuery方法 3、css3的多欄布局查看全部
-
瀑布流的父級元素是相對定位其他絕對定位查看全部
-
大賽的撒多撒多查看全部
-
黑線大于藍線時加載數據塊查看全部
-
修改float：left后沒有變為一行，需要修改.div 的寬度查看全部
-
outerheight包含填充查看全部
-
父元素設置了相對定位后，子元素就都會在父元素內絕對定位。如果父元素不設置相對定位的話，里邊的子元素會默認相對瀏覽器定位，當瀏覽器放大縮小時頁面就會亂掉~查看全部
舉報
0/150
提交
取消