-
position:fixed----固定的定位，導航
display:inline---圖片鏈接
查看全部 -
xxx.href得到的是http:....#item1這樣的地址，所以不好和之前的currentId （item1）比較，所以運用split()方法借助"#"分段，把xxx.href拆成數組，然后取數組最后一個元素，就是item1這樣的字符串了，方便與currentId比較 JS中沒有each用for循環，用for循環時用break跳出循環 Ps1：documentElement 和 body 相關說明： -body 是DOM對象里的body子節點，即 <body> 標簽； -documentElement 是整個節點樹的根節點root，即<html> 標簽； 解析：DOM把層次中的每一個對象都稱之為節點，就是一個層次結構，你可以理解為一個樹形結構，就像我們的目錄一樣，一個根目錄，根目錄下有子目錄，子目錄下還有子目錄。以HTML超文本標記語言為例：整個文檔的一個根就是,在DOM中可以使用document.documentElement來訪問它，它就是整個節點樹的根節點。而body是子節點，要訪問到body標簽，在腳本中應該寫：document.body。 Ps2： /*因為兼容性問題，要用如下的方法。使用原生方法，要注意兼容性*/ 1.var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop; 2.IE瀏覽器對getElementByClassName()方法支持較差，解決方法(粗略，在外面重新寫一個方法)： function getByClassName(obj,cls){ var element = document.getElementsByTagName("*"); var result = []; for (var i = 0; i < element.length; i++) { if (element[i].className == cls) { //如果有多個class這是不成立的。 result.push(element[i]); } } return result; } } Ps3：在JavaScript中獲取的href是整個地址欄的完整地址，所以需要拆分（以“#”拆分）。
查看全部 -
var top = document.documentElement ||document.documentElement.scrollTop : document.body.scrollTop;
因為兼容性問題，要用如上的方法。 使用原生方法，要注意兼容性
IE瀏覽器對getElementByClassName()方法支持較差，解決方法(粗略)：
在外面重新寫一個方法 function getByClassName(obj,cls){ var element = document.getElementsByTagName("*")；
var result = []; for (var i = 0;
i < element.length; i++) {
if (element[i].className == cls) {
result.push(element[i]);
} } return result; } }
查看全部 -
兼容ie6不支持fixed定位的方法：
?*html ,*html body{background-image:url(about:blank);
?background-attachnent :fixed; } ?//防止閃爍
*html #menu{position:absolute;?
top:expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+100+"px');
查看全部 -
滾動的知識點
查看全部 -
錨點（anchor/???.k?/）：是網頁制作中超鏈接的一種，又叫作命名錨記。錨點是一種頁面內的超級鏈接。
查看全部 -
由于這個頁面單個導航條圖片所占的高比之前的用例大，所以需要-300像素，才能保證導航條可以劃到最后一個
itemTop-300
查看全部 -
IE11禁用了緩存，所以導航一開始不能用，把阻止的選項打開，可以搞定
查看全部 -
這是一個JQuery的屬性選擇器的寫法格式，這個題目屬于下面的第二類
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
查看全部 -
導航特效查看全部
-
最新版jquery：
屬性選擇器用法--$("[attribute='value']")
而這里menu.find("[href="+currentId + "]"不適用
本來改成menu.find("[href='currentId' ]"的，但是currentid是變量不能唄引號包住
所以就是menu.find("[href='"+currentId+"']" )摘
查看全部 -
function hasClass( obj , cls ){
????return obj.className.match( new RegExp( "(\\s|^)" + cls + "(\\s|$)" ?) );
}?
function removeClass(obj , cls){
????if( hasClass(obj , cls) ){
????????var reg = new RegExp( "(\\s|^)" + cls + "(\\s|$)" );
????????obj.className = obj.className.replace( reg , "" );
????}
}
function addClass( obj , cls ){
????if( !hasClass( obj , cls ) ){
????????obj.className += " " + cls;
????}
}
查看全部
舉報