我在我的導航菜單中有三個選擇。投資組合,關於和聯繫。 這是它的標記。導航菜單突出顯示活動頁面?
HTML
<div id="nav">
<a class="homePage" href="/index/0-1">Portfolio</a>
<a class="aboutPage" href="/index/0-2">About</a>
<a class="contactPage" href="/index/0-3">Contact</a>
</div>
CSS
#nav {
text-align: center;
text-decoration: none;
margin-top: 20px;
padding-top: 31px;
}
#nav a {
text-decoration: none;
color: #FFFFFF;
font-family: maven;
border-bottom: #FFFFFF 2px solid;
padding-bottom: 5px;
font-size:20px;
}
#nav a:hover {
text-decoration: none;
color: #ff6464;
border-bottom: #ff6464 2px solid;
}
現在,這裏是我想要做什麼的例子:
主頁上(這是組合),只要您在該頁面上,導航菜單中的「組合」就會保持#ff6464的顏色。我會如何去做這件事?
http://stackoverflow.com/questions/9767289/highlight-the-current-page-in-the-menu-bar?rq=1 – apaul