显示突出母版页中的选中菜单

Question

我在主页上有一个菜单，我用它来切换页面。 我想在选择页面时突出显示所选的菜单项。 我尝试过以下方法没有成功？

Private Sub Menu1_MenuItemClick(sender As Object, e As MenuEventArgs) Handles Menu1.MenuItemClick
    Select Case (e.Item.Value)
        Case "Inbox"
            e.Item.Selected = True
            Response.Redirect("~/Messaging/Inbox.aspx")
        Case "Compose"
            e.Item.Selected = True
            Response.Redirect("~/Messaging/Compose.aspx")
    End Select
End Sub

<asp:Menu ID="Menu1" runat="server" Orientation="Horizontal">
    <LevelMenuItemStyles>
        <asp:MenuItemStyle CssClass="main_menu" />
        <asp:MenuItemStyle CssClass="level_menu" />
    </LevelMenuItemStyles>
    <StaticSelectedStyle CssClass="selected" />

    <Items>
        <asp:MenuItem Text="Inbox" Value="Inbox"></asp:MenuItem>
        <asp:MenuItem Text="FileClean" Value="FileClean"></asp:MenuItem>
        <asp:MenuItem Text="Compose" Value="Compose"></asp:MenuItem>
    </Items>
</asp:Menu>

Note: 该问题整理于：Highlight the selected menuitem of MasterPage.

Answer 1

你好，

据我所知，您不需要使用 MenuItemClick。 您只需要为菜单项添加 css 类。 我已经测试了你的代码，你可以参考下面的内容。 当然，您可以自行设计改变风格。

以下是代码示例：

<style>
    .main_menu:hover {
        background-color: red;
    }
</style>
 
<asp:Menu ID="Menu2" runat="server" Orientation="Horizontal">
    <LevelMenuItemStyles>
        <asp:MenuItemStyle CssClass="main_menu" />
        <asp:MenuItemStyle CssClass="level_menu" />
    </LevelMenuItemStyles>
    <StaticSelectedStyle CssClass="selected" />
    <Items>
        <asp:MenuItem Text="Inbox" Value="Inbox" NavigateUrl="~/WebForm1.aspx"></asp:MenuItem>
        <asp:MenuItem Text="FileClean" Value="FileClean" NavigateUrl="~/WebForm1.aspx"></asp:MenuItem>
        <asp:MenuItem Text="Compose" Value="Compose" NavigateUrl="~/WebForm1.aspx"></asp:MenuItem>
    </Items>
</asp:Menu>

---

如果答案是正确的解决方案，请单击“接受答案”并请投赞成票。如果您对此答案有其他疑问，请点击“评论”。

注意：如果您想接收此线程的相关电子邮件通知，请按照我们文档中的步骤启用电子邮件通知。

最好的问候