-
代碼如下顯示查看全部
-
代碼如下顯示查看全部
-
是是是查看全部
-
value變成$(value)是把value變成了jQuery對象,可以加 .css()設(shè)置屬性查看全部
-
$.inArrey(minh,Harr)判斷minh在Harr中的索引查看全部
-
$.inArrey()判斷值在數(shù)組中出現(xiàn)的索引查看全部
-
inarray查看全部
-
藍線:藍色div的offsetTop + 一半高度; 黑線:瀏覽器可視界面高度+ 滾動條移動產(chǎn)生的高度查看全部
-
每個數(shù)據(jù)塊的寬度一樣,利用offsetWidth獲取寬度.查看全部
-
alert($(window).height()); //瀏覽器時下窗口可視區(qū)域高度 alert($(document).height()); //瀏覽器時下窗口文檔的高度 alert($(document.body).height());//瀏覽器時下窗口文檔body的高度 alert($(document.body).outerHeight(true));//瀏覽器時下窗口文檔body的總高度 包括border padding margin alert($(window).width()); //瀏覽器時下窗口可視區(qū)域?qū)挾?alert($(document).width());//瀏覽器時下窗口文檔對于象寬度 alert($(document.body).width());//瀏覽器時下窗口文檔body的高度 alert($(document.body).outerWidth(true));//瀏覽器時下窗口文檔body的總寬度 包括border padding margin alert($(document).scrollTop()); //獲取滾動條到頂部的垂直高度 alert($(document).scrollLeft()); //獲取滾動條到左邊的垂直寬度查看全部
-
使用jQuery實現(xiàn)加載圖片帶有分散效果的瀑布流布局查看全部
-
JS實現(xiàn)的瀑布流效果和CSS3實現(xiàn)的瀑布流效果比較: 1、JS方式 1-1、需要計算,列數(shù)=瀏覽器窗口寬度/圖片寬度,圖片定位是根據(jù)每一列數(shù)據(jù)塊的高度計算接下來的圖片的位置 1-2、圖片排序是按照圖片計算的位置橫向排列,位置是計算出來的,比較規(guī)范 2、CSS方式 2-1、不需要計算,瀏覽器會自動計算列數(shù),只需要設(shè)置列寬,性能高 2-2、列寬隨著瀏覽器窗口大小進行改變,用戶體驗不好 2-3、圖片順序按照垂直順序排列,打亂圖片顯示順序 2-4、拖到滾動條加載圖片還是依靠JavaScript或JQuery來實現(xiàn)查看全部
-
【原理】css3多欄布局column 【知識點】 ①column的瀏覽器兼容問題,不同內(nèi)核要寫其前綴 -webkit Google瀏覽器內(nèi)核 -ms IE -o 歐朋opera -moz 火狐FireFox ②column-width 和column-count沒有必要同時出現(xiàn) ③column-rule設(shè)置列與列之間的邊框 ④column-gap 設(shè)置列間距,不一定定義多少,實際就顯示多少。其計算規(guī)則:用當(dāng)前瀏覽器寬口寬除以定義的列寬,剩下的距離平均分配查看全部
-
jQuery的兩大優(yōu)點:支持連綴,隱式迭代, 連綴:$("#main").width(ow*cols).css('margin','0 auto'); 這里的width和css兩個方法都作用于$("#main")這個對象查看全部
-
jQuery遍歷的函數(shù)each $boxs.each(function(index,value){ }); index 索引值,value對應(yīng)的值是一個DOM對象,可以用$(value)轉(zhuǎn)換成jquery對象查看全部
舉報
0/150
提交
取消