javascript - 點擊nav後,用JS加上顏色,怎麼在頁面跳轉後仍能保持改變後的顏色?
ringa_lee
ringa_lee 2017-05-16 13:21:25
0
12
1651

#導航每個頁面都是透過後台標籤連結的同一個段落HTML,我在點擊導航後,透過js加上改變顏色,但是點擊跳到能一個頁面,js改後的顏色就失效了,請問這種問題要怎麼解決?

ringa_lee
ringa_lee

ringa_lee

全部回覆(12)
Ty80

我自己來回答吧,不用你們寫的那麼複雜,每個頁面加入一段CSS

//首页
ul li a:nth-child(1){
            color: #FF0000;
        }
//品牌介绍
ul li a:nth-child(2){
            color: #FF0000;
        }
//招牌美食
ul li a:nth-child(3){
    .........
}
世界只因有你

保存個屁噢,我從導覽列進了a頁面,關掉,再從網址列進入b頁面,這時候你還給我高亮a頁面麼?
寫個所有頁面公用的解析函數,直接用nav的位址去和href配對

PHPzhong

說一下思路,在每個頁面加上js判斷

假设跳转之后页面的地址是http://********/zhaoshang.html

if(/zhaoshang/.test(window.location.pathname)){

招商加盟.style.color="红色"

}else if(){
...
}
巴扎黑

幾個辦法:

  1. 導覽列自己一個iframe;

  2. 用sessionStorage / localStorage 儲存狀態;

  3. 跳轉頁帶URL參數&active =xxx;

  4. 用spa 不真的跳轉頁;
    看答主的題目,估計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 {...} 
世界只因有你

保存在本地啊

我想大声告诉你

後台可以做判斷,目前頁面是哪個然後加類,這個比較方便。

黄舟

保存本地,再次進入頁面時,讀取緩存,進行判斷

巴扎黑

把狀態保存到cookie吧。

保存到session也行,不過這需要後端開發配合。

Peter_Zhu

為li的class加上一個active,設定active的字體顏色,動態為各個li添加class!

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板