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