如何保持項目菜單

的亮點我有項目列表的導航欄。如何保持項目菜單

的HTML代碼

<div id="main-menu"> 
      <ul div="nav"> 
       <li><a href="about.html" target="_blank">ABOUT</a></li> 
       <li><a href="services.html" target="_blank">SERVICES</a></li> 
       <li><a href="portfolio.html" target="_blank">PORTFOLIO</a></li> 
       <li><a href="blog.html" target="_blank">BLOG</a></li> 
       <li><a href="contact.html" target="_blank">CONTACT</a></li> 
      </ul> 
    </div>

我做了以下CSS代碼

CSS代碼：

a:link { 
    color: #000000; 
    text-decoration: none; 
} 

a:active { 
    color:#000000; 
    text-decoration: none; 
} 

a:visited { 
    color: #000000; 
    text-decoration: none; 
} 

a:hover { 
    color: #CE1F20; 
    text-decoration: none; 
}

我需要保持的菜單項的顏色爲「＃CE1F20 「就像我在頁面中一樣。例如，如果我點擊網頁服務，它會移動到服務頁面，但我必須保持服務儘可能多的「＃CE1F20」的顏色我在服務頁面，如果我搬到博客應該讓博客的顏色「＃CE1F20「等。

來源

2012-02-13 HTML Man

您是否使用任何服務器端語言，lik e php？或所有靜態html？ – ggreiner 2012-02-13 18:35:20

@ggreiner只有CSS和HTML。 – 2012-02-13 18:38:21

你的問題似乎矛盾。我注意到所有菜單鏈接的目標屬性是'_blank'，這意味着在新窗口中打開鏈接。如果您打開了一個新窗口，那麼鏈接是否在背景窗口中保持突出顯示，這有什麼關係？ – Feysal 2012-02-13 18:40:55

因爲它是所有靜態的，你應該創建與顏色的類，並設置相應的鏈接，每個頁面上的類。

換句話說，在服務頁面上的導航欄將包括：

<li><a href="services.html" target="_blank" class="currentTab">SERVICES</a></li>

來源

2012-02-13 18:41:50

i做了你告訴我的結果，因爲菜單進入了索引頁面，當我做你的幫助時，它會以紅色顯示鏈接，而另一個則顯示爲黑色，這會給人留下印象，而真正的你在索引頁 – 2012-02-13 19:03:07

非常感謝，它真的幫助我。 – 2012-02-13 19:11:44

-1

如果你使用PHP，你可以使用一個變量來表示wheter的頁面是有效的。

<div id="main-menu"> 
      <ul div="nav"> 
       <li><a <?php echo $isactive; ?> href="about.html" target="_blank">ABOUT</a></li> 
       <li><a <?php echo $isactive; ?> href="services.html" target="_blank">SERVICES</a></li> 
       <li><a <?php echo $isactive; ?> href="portfolio.html" target="_blank">PORTFOLIO</a></li> 
       <li><a <?php echo $isactive; ?> href="blog.html" target="_blank">BLOG</a></li> 
       <li><a <?php echo $isactive; ?> href="contact.html" target="_blank">CONTACT</a></li> 
      </ul>

這時如果頁面是活動的，你可以打印出類似這樣「類= 'active_section'」，並在你的CSS：

.active_section { 
color: #CE1F20; 
text-decoration: none;

}

來源

2012-02-13 18:40:02

OP不使用PHP;檢查問題的評論。 – 2012-02-13 18:42:46

答案獲得反饋 – 2012-02-13 18:50:12

在每個頁面，添加「主動」類對應的菜單項：

例如about.html你的類「主動」添加到「關於」鏈接：

<div id="main-menu"> 
      <ul div="nav"> 
       <li><a class="active" href="about.html" target="_blank">ABOUT</a></li> 
       <li><a href="services.html" target="_blank">SERVICES</a></li> 
       <li><a href="portfolio.html" target="_blank">PORTFOLIO</a></li> 
       <li><a href="blog.html" target="_blank">BLOG</a></li> 
       <li><a href="contact.html" target="_blank">CONTACT</a></li> 
      </ul> 
    </div>

然後，在CSS定義「活躍」的風格：

a.active{ 
    color: #CE1F20; 
}

來源

2012-02-13 18:40:40 ggreiner

我先發布你告訴我。它的劑量給出了結果，因爲菜單進入索引頁面，當我做你的幫助時，它將以紅色顯示鏈接，而另一個將顯示爲黑色，並且這會給人留下印象，當你處於真實狀態時索引頁 – 2012-02-13 18:59:07

因此，假設您有一個名爲「index.html」的文件，一個名爲「about.html」和「services.html」等的安全文件。如果是這樣，請勿將任何類添加到index.html中的菜單中。我上面提出的改變是爲了「關於」。html「，然後在每個其他html文件中做出相應的更改 – ggreiner 2012-02-13 19:02:14

是的，你是對的，非常感謝你的幫助，我在那裏做了很抱歉，這是我的錯誤，我從索引開始。 – 2012-02-13 19:08:12

嘗試把你的CSS是這樣的：

一個{// CSS }

這將將相同樣式應用於每個鏈接並添加CSS類「活動」廣告將其添加到每個活動的鏈接中...

來源

2012-02-13 18:44:24

如何保持項目菜單

回答

相關問題