#導(dǎo)航每個頁面都是透過後臺標(biāo)籤連結(jié)的同一個段落HTML,我在點(diǎn)擊導(dǎo)航後,透過js加上改變顏色,但是點(diǎn)擊跳到能一個頁面,js改後的顏色就失效了,請問這種問題要怎麼解決?
ringa_lee
我自己來回答吧,不用你們寫的那麼複雜,每個頁面加入一段CSS
//首頁
ul li a:nth-child(1){
color: #FF0000;
}
//品牌介紹
ul li a:nth-child(2){
color: #FF0000;
}
//招牌美食
ul li a:nth-child(3){
.........
}
保存?zhèn)€屁噢,我從導(dǎo)覽列進(jìn)了a頁面,關(guān)掉,再從網(wǎng)址列進(jìn)入b頁面,這時候你還給我高亮a頁面麼?
寫個所有頁面公用的解析函數(shù),直接用nav的位址去和href配對
說一下思路,在每個頁面加上js判斷
假設(shè)跳轉(zhuǎn)之后頁面的地址是http://********/zhaoshang.html
if(/zhaoshang/.test(window.location.pathname)){
招商加盟.style.color="紅色"
}else if(){
...
}
幾個辦法:
導(dǎo)覽列自己一個iframe;
用sessionStorage / localStorage 儲存狀態(tài);
跳轉(zhuǎn)頁帶URL參數(shù)&active =xxx;
用spa 不真的跳轉(zhuǎn)頁;
看答主的題目,估計2、3比較適合
沒必要用到JS 直接用css 類別名就好了 每一個nav 加上一個類別名,放到這個nav的css檔中
<nav>
<a class="index-active">首頁</a>
<a class="details-active">詳情頁</a>
</nav>
在 index.css 中 寫
.idnex-active {...}
在 detail.css 中 寫
.detail-active {...}
為li的class加上一個active,設(shè)定active的字體顏色,動態(tài)為各個li添加class!