菜單欄在HTML中提出，懸停和選擇效果

<div id="zgoraj"> 
       <a href="">Domov</a> 
       <a href="">Moj profil</a> 
       <a href="">Administracija</a> 
       <a href="" >Urejanje urnikov</a> 
       <a href="">Statistike</a> 
      </div> 
<style> 
#zgoraj{ 
width:670px; 
background-color:#FF8000; 
height:54px; 

} 
#zgoraj a{ 
border-style:solid; 
border-width:2px; 
border-color:black; 
padding-top: 20px; 
display:block; 
float:left; 
width:130px; 
height:30px; 
text-decoration:none; 
color:white; 
text-align:center; 
/*box-shadow: 0 -7px 22px 6px #000000 inset;*/ 
} 
#zgoraj a:hover{ 
    color:black; 
    background-color:white; 

} 

</style>

這是我的「菜單欄」的代碼。當一個鏈接被選中，你被重定向到指定的url我想懸停效果留在（我會編輯href attributte）。菜單欄在HTML中提出，懸停和選擇效果

來源

2012-09-20 Borut Flis

當一個鏈接被點擊時，一個新的頁面將被加載，所以爲什麼鏈接會發生什麼？ – j08691

假設你有相同的菜單在每個頁面的頂部，你需要更新你的CSS到一個額外的類定義添加到您的懸停風格：

#zgoraj a:hover, #zgoraj a.active { 
    color:black; 
    background-color:white; 
}

，然後添加「級=‘主動’ '到<a>元素，應該突出顯示。

來源

2012-09-20 19:35:06

我在每個頁面中將class =「active」添加到所選頁面。 –

菜單欄在HTML中提出，懸停和選擇效果

回答

相關問題