來自精靈的JQuery菜單

我最近繼承了一個帶有Web應用程序的代碼庫。這個應用程序有一個用TABLE元素和一些JQuery構建的菜單。該代碼不能像它應該那樣工作。菜單表現異常。無論如何，現有代碼如下所示：來自精靈的JQuery菜單

<table border='0' cellpadding='0' cellspacing='0' style="width:500px;"> 
    <tr> 
    <td id="home" class="homeA" onclick="return navto('/home.html');">&nbsp;</td> 
    <td id="about" class="aboutA"> 
     <div class="menu"> 
     <ul class="aboutMenu"> 
      <li class="usA" onmouseover="hoverOver(this);" onmouseout="hoverOut(this);" onclick="return navto('/AboutUs.html');">&nbsp;</li> 
      <li class="teamA" onmouseover="hoverOver(this);" onmouseout="hoverOut(this);" onclick="return navto('/team.html');">&nbsp;</li> 
      <li class="contactA" onmouseover="hoverOver(this);" onmouseout="hoverOut(this);" onclick="return navto('/contact.php');">&nbsp;</li> 
     </ul> 
     </div> 
    </td> 
    <td id="teams" class="teamsA"> 
    <div class="menu"> 
     <ul class="teamsMenu"> 
     <li class="team1A" onmouseover="hoverOver(this);" onmouseout="hoverOut(this);" onclick="return navto('/Teams/Team1.html');">&nbsp;</li> 
     <li class="team2A" onmouseover="hoverOver(this);" onmouseout="hoverOut(this);" onclick="return navto('/Teams/Team2.html');">&nbsp;</li> 
     </ul> 
    </div> 
    </td> 
</table>

我想用DIV替換此表。雖然我在這，但我想使用更好的JQuery菜單控件。我的挑戰是，我需要使用精靈。每個菜單標題以及菜單中的每個項目都表示爲圖像。當用戶懸停在項目上時，圖像會發生變化。這導致我到以下問題：

什麼菜單控件可以使用，仍然使用精靈？或者，任何人都可以解釋如何使用JQuery和精靈創建菜單？

謝謝！

來源

2011-03-31 user208662