-
當最后模塊距離頂部的距離到達一個臨界值（滾動條滾動距離+可視窗口大?。┑臅r候開始輪播前面的圖片。查看全部
-
javascript原聲方法 jQurev方法 css3布局查看全部
-
瀑布流布局查看全部
-
瀑布流的原理在于：利用絕對定位固定圖片位置，圖片等寬不等高。新東西：圖片陰影（box-shadow）、圓角（border-radius）、用padding與margin的微妙區別。 設置邊距使用padding而不是用margin，是因為offsetHight獲取的高度包括padding 圓角：border-redius：5px；設置四個角為圓角，該值越大越趨向于圓形 陰影：box-shadow：水平 垂直 模糊程度 顏色；查看全部
-
javascript原聲方法 jQurev方法 css3布局查看全部
-
約定 藍線的距離小于黑線的時候 開始加載 黑線的距離是向上偏移的距離加上瀏覽器本身的高度 藍線的距離是盒子頂部到最后一個盒子的高度的一半的距離查看全部
-
實現瀑布流的三種方法 JS原生的方法 Jquery CSS3的多欄布局查看全部
-
瀑布流布局，視覺表現為參差不齊的多欄布局 等寬不等高 通過滑動鼠標 不斷地進行加載 比如 蘑菇街 美麗說查看全部
-
jq獲取元素寬度 $('.box:first').outerWidth() width為元素定義的width，而outerWidth為元素所占用的width，包含padding和margin值查看全部
-
css樣式設計查看全部
-
jq方式查看全部
-
box-shadow:0 0 5px #ccc;前面兩個0為水平和垂直方向的陰影，5px表示陰影的模糊程度查看全部
-
利用絕對定位來布局，父元素position：relative；圖片為position：absolute； 設置圖片之間 的邊距時候用padding不用margin，因為用offsetHigtht獲得的高度包括padding不包括margin的邊距查看全部
-
onscroll事件實現瀑布流布局的圖片加載功能 【原理】 當滾動滾動條時，判斷是否要加載新的圖片，通過一個函數，返回布爾值。 需要加載的條件： 頁面最下面的元素box在視口中露出一半的高度時，開始加載。具體計算：(scrollTop+可視寬口高度)>(box.offsetTop+自身高度一半)時，加載（如圖所示）。 【知識點】 ①scrollTop標準模式和混雜模式的兼容問題。 標準模式--document.body.scrollTop 混雜模式--document.documentElement.scrollTop; 兼容的寫法：var scrollTop = document.body.scrollTop||document.documentElement.scrollTop; ②當前瀏覽器的可視窗口的高度 標準模式--document.body.clientHeight 混雜模式--document.documentElement.clientHeight; ③三元運算符代替if..else(比較簡便) ④數據加載：將來自后臺的json數據渲染到前端 創建元素,將數據填進去（這里是img的src） ⑤document.createElement創建元素 parentObj.appendChild(obj);插入對象到尾部查看全部
-
offsetwidth取得盒子的寬，是包括盒子內填充padding的，不包括外填詞margin var array = [123, 432, 523, 345]; var min = Math.min.apply(null, array); 這樣可以比較出array中最小的一個數。 詳細代碼見amyimocc/buju查看全部
舉報
0/150
提交
取消