-
瀑布流 原理： 數據加載的時候通過絕對定位來找到box的位置，而box的位置又是相對于main來定義的，所以main要用position:relative;來定義 特點： 等寬不等高查看全部
-
oBoxs[i].style.position='absolute'; oBoxs[i].style.left=oBoxs[0].offsetWidth*index+'px'; oBoxs[i].style.top=minValue+'px'; 設置屬性值時里面的字符串不能加分號！查看全部
-
11111111查看全部
-
jQuery的：對象本質、支持連綴、隱式迭代 Jquery對象本質“可以看成”是一個包含一個 dom數組和所有Jquery方法的容器（補充：方法在所有jq對象共享的jq原型屬性prototype中，Jquery對象本質是一個“類數組”）。所以一個dom節點元素或者js對象,如果不轉換成Jquery對象,就不會包含Jquery方法,就無法使用jq的方法. 每當我們調用選擇器方法獲取dom樹里的元素時，其實就是把找到的dom元素存入一個JQ對象里的dom數組中，然后再把這個JQ對象返回。 當我們調用Jquery方法時（如 html()），jq方法會遍歷內部 dom數組，并調用每個dom元素的對應的dom屬性或方法（如innerHTML），完成操作。 其中Jq方法遍歷內部dom數組的過程就叫做【隱式迭代】。 【隱式迭代】 $(".A").addClass("B"); 像這樣的就是隱式迭代 因為$(".A")選到的元素不一定只有一個 比如$(".A")選中10個元素 這10個元素都會加上"B"這個class 在jq中，所有的方法都被設計成自動操作對象集合，而不是單一的一個對象. 貌似除了ID選擇器其它都是隱式迭代的(ID選擇器只是將數組大小設置成為1而已,所以$("#A") 就算有多個id="A" 也只能得到第1個) ①scroll事件 $(window).on('scroll',function(){}); ②獲取結果集中最后一個元素$('#main>div').last(); ③獲取距離頁面頂部的距離$lastBox.offset().top; js:offsetTop ④$(window).scrollTop();滾動條滾動的距離 ⑤$(window).height();瀏覽器可視窗口的高度 ⑥創建元素$('<div>'); ⑦插入元素append和appendTo查看全部
-
語法為： div.style.樣式屬性名稱 = '屬性值'查看全部
-
width查看全部
-
CSS3方式實現瀑布流特點查看全部
-
JS原生瀑布流查看全部
-
jQuery兩大優點：支持連綴，隱式迭代查看全部
-
DOM對象不可能有jQuery，JS方法，要加$轉化查看全部
-
各種瀏覽器的設置查看全部
-
jQuery的兩大優點：支持連綴，隱式迭代查看全部
-
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script><--jQuery必須先于下邊的js文件導入--> <script type="text/javascript" src="js/waterfall_jq.js"></script>查看全部
-
@瀑布流布局----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;查看全部
-
apply()與call()使用詳解(下) 4. Function1.apply(null,args): Function1:此函數的的參數不能為數組 null:沒有特定的對象調用Function1,我們只是要Function1函數的計算結果. 使用情況:args參數不符合Function1函數的參數要求[函數不接受數組作為參數,只接受參數列表],調用apply()這個函數可以將args數組變為參數列表(argument0,argument1,argument2,…)以傳遞給函數Function1[這是apply函數的特點]. 以上四種情況,數組args內的數據順便必須與Function1的參數順序一致: args=[a,b,c,d,e,…] Function(a,b,c,d,e,…) call沒有將數組改變為參數列表的功能,其他與apply一樣,即: Function1.call(obj2,argument0,argument1,argument2,…) 或者 Function1.call(null,argument0,argument1,argument2,…)查看全部
舉報
0/150
提交
取消