选中时突出显示菜单项

Question

  

可能重复：
  ASP.NET: Highlight menu item of current page

我正在尝试突出显示或更改我在导航菜单中选择的菜单项的背景。代码如下：

<asp:Menu ID="NavigationMenu" runat="server"  CssClass="menu" OnMenuItemClick="high()" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
               <StaticSelectedStyle CssClass="SelectedStyle" />
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx"   Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/Forecast.aspx" Text="Forecast"/>
                    <asp:MenuItem NavigateUrl="~/MI.aspx" Text="MI"/>
                    <asp:MenuItem NavigateUrl="~/Statistics.aspx" Text="Statistics"/>
                    <asp:MenuItem NavigateUrl="~/Trends.aspx" Text="Trends"/>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                </Items>
            </asp:Menu>
        </div>
    </div>
      <script>
      function high()
 {
 var selItem=document.getElementById("NavigationMenu");
  selItem.style.bgcolor='red';
   }

 </script>

它似乎不起作用。我做错了什么？

编辑后我的代码看起来像这样

    <asp:Menu ID="NavigationMenu" runat="server"  CssClass="menu"  EnableViewState="false"               IncludeStyleBlock="false" Orientation="Horizontal">
               <staticselectedstyle backcolor="LightBlue"
      borderstyle="Solid"
      bordercolor="Black"
      borderwidth="1"/> 
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx"   Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/Forecast.aspx" Text="Forecast"/>
                    <asp:MenuItem NavigateUrl="~/MI.aspx" Text="MI"/>
                    <asp:MenuItem NavigateUrl="~/Statistics.aspx" Text="Statistics"/>
                    <asp:MenuItem NavigateUrl="~/Trends.aspx" Text="Trends"/>
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
                </Items>

仍无效果