jquery菜單和按鈕選擇

我想用jquery來構建頂級導航。當選擇一個鏈接按鈕/菜單時，該按鈕應該被加亮，並顯示所選項目以及當它選擇到該頁面時。jquery菜單和按鈕選擇

有沒有辦法做到這一點。我有這個腳本它有點作品，但不完全。我已經做了

<script type="text/javascript" src="js/jquery-1.4.2.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#hdcnav ul li a').click(function() { 
       $('#hdcnav ul').find('img').each(function(){ 
       var imgsrc = $(this).attr('src'); 
       if(imgsrc.indexOf('selected')>=0){$(this).attr('src',imgsrc.split('-')[0]+".gif");} 
       }); 
       $(this).find('img').attr('src',$(this).find('img').attr('src').split('.')[0]+"-selected.gif"); 
      }); 
    }); 
    </script> 
</head> 
<body> 
    <div id="nav"> 
     <ul> 
      <li><a href="page1.html"><img src="images2.gif" alt="home" /></a></li> 
      <li><a href="page2.html"><img src="images3.gif" alt="" /></a></li> 
      <li><a href="page3.html"><img src="images4.gif" alt="" /></a></li> 
      <li><a href="#"><img src="images4.gif" alt="" /></a></li> 
      <li><a href="#"><img src="images5.gif" alt="" /></a></li> 
      <li><a href="#"><img src="images6.gif" alt="" /></a></li> 
     </ul> 
    </div>

來源

2010-07-20 user244394

一兩件事，工作原理是添加和刪除這是版本簡單，直接進到做基礎上，選擇類（在這種情況下，一次點擊）。然後，我使用CSS在選定的類上使用不同的圖像，使其看起來與周圍的其他菜單項不同。

來源

2010-07-20 16:20:40 JasCav

同意，CSS精靈是要走的路。 – Paul 2010-07-20 16:22:03

有沒有我能看到的例子？謝謝 – user244394 2010-07-20 17:51:37

jquery菜單和按鈕選擇

回答

相關問題