HTML，CSS，菜單保持突出顯示

Question

我希望我的菜單在按下時保持突出顯示。我怎麼能這樣做？我只是一個初學者HTML和CSS程序設計師，我不知道我怎麼能做到這一點，我想正如其他人所說，沒有工作..... HTML：

<div id="menu"> 
     <ul> 
      <li><a href="index.html">Domov</a></li> 
      <li><a href="CarbonGaming.html">Igre</a></li> 
      <li><a href="#">Robotika</a></li> 
      <li><a href="About.html">O nas</a></li> 
      <li><a href="SMcontact.html">Kontakt</a></li> 
      <li><a href="#">Forum</a></li> 


</ul> 
</div> 

CSS：

#menu { 
    width: 950px; 
    height: 60px; 
    margin: 0 auto; 
    background: #6AA2FD url(images/img04.gif); 
} 

#menu ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 

#menu li { 
    display: inline; 
    text-transform: uppercase; 
} 

#menu a { 
    display: block; 
    float: left; 
    background: url(images/img15.gif) no-repeat right 100%; 
    padding: 18px 30px 0 30px; 
    text-decoration: none; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1em; 
    font-weight: bold; 
    color: #FFFFFF; 
} 

#menu a:hover { 
    height: 60px; 
    background: url(images/img16.gif) repeat-x right 30%; 
    color: #000000; 
} 

#menu .current_page_item { 

} 

#menu .current_page_item a { 
    color: #FFFFFF; 
     background: url(images/img16.gif) repeat-x right 30%; 
} 

我不知道如何做到這一點，請幫助。對不起，我來自斯洛文尼亞。

Answer 1

這是你正在尋找http://jsfiddle.net/rYAGY/5/

如果是，請添加此jQuery代碼到你的頁面底部

var elements = $('#nav li a'); 
    elements.on('click', function(e){ 
     debugger; 
     e.preventDefault(); 
     var th = $(this); 
     if(!th.hasClass('selected')){ 
      elements.removeClass('selected'); 
      th.addClass('selected'); 
     } 
    });