-
關(guān)于滾動(dòng)條的位置獲取兼容設(shè)置： scrollTop = document.body.scrollTop || document.documentElement.scrolltop查看全部
-
$.inArray(minH, hArr) 判斷一個(gè)值在一個(gè)數(shù)組中出現(xiàn)的索引值查看全部
-
http://img1.sycdn.imooc.com//54a372b70001688c12000530-120-68.jpg查看全部
-
var cols=Math.floor(document.documentElement.clientWidth/oBoxW);//設(shè)置main的寬 window.onload=function(){}查看全部
-
瀑布流的原理在于：利用絕對(duì)定位固定圖片位置，圖片等寬不等高。新東西：圖片陰影（box-shadow）、圓角（border-radius）、用padding與margin的微妙區(qū)別。查看全部
-
var cols=Math.floor(document.documentElement.clientWidth/oBoxW); //設(shè)置main的寬 oParent.style.cssText='width:'+oBoxW*cols+'px;margin:0 auto'; }查看全部
-
jquery的兩大優(yōu)點(diǎn)：支持連綴，隱式迭代查看全部
-
瀑布流實(shí)現(xiàn)方式比較： javascript原生方式 （1）需要計(jì)算。列數(shù)=瀏覽器窗口寬度/圖片寬度，圖片定位時(shí)根據(jù)每一列數(shù)據(jù)庫(kù)的高度計(jì)算接下來(lái)圖片的位置 （2）圖片排序是按照?qǐng)D片計(jì)算的位置橫向排列，位置是計(jì)算出來(lái)的，比較規(guī)范 CSS方式： （1）不需要計(jì)算，瀏覽器自動(dòng)計(jì)算，只需設(shè)置列寬，性能高。 （2）列寬隨著瀏覽器窗口大小進(jìn)行改變，用戶體驗(yàn)不好 （3）圖片排序按照垂直順序排列，打亂圖片顯示順序 （4）圖片加載還是依靠Javascript實(shí)現(xiàn)查看全部
-
<div class="main"><div class="box"></div><div class="box"></div></div> js: window.onload=function(){waterfall('main','box')} function waterfall(parent,box){ var oParent = document.getElementById(parent); //將main下的所有class為box的元素取出來(lái) var oBox = getByClass(oParent,box); } //根據(jù)class獲取元素 function getByClass(parent,clsName){ }查看全部
-
Javascript原生方法實(shí)現(xiàn)瀑布流布局：最外面的div用相對(duì)定位。查看全部
-
Javascript實(shí)現(xiàn)瀑布流布局，每個(gè)數(shù)據(jù)塊上的position屬性應(yīng)定義為absolute。查看全部
-
瀑布流布局實(shí)現(xiàn)三個(gè)方法： （1）Javascript原生方法 （2）jquery方法 （3）CSS3的多欄布局查看全部
-
Javascript和JQuery里求數(shù)組arr的最小值方法 Math.min.apply(null, arr); 如果直接求一組數(shù)的最小值，則可以直接使用Math.min(1,2,3,4,5);查看全部
-
親測(cè) 可用~查看全部
舉報(bào)
0/150
提交
取消