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