html - (ASP.NET) 我怎么知道某个特定的菜单项被悬停在上面？

Question

每当用户将鼠标悬停在特定菜单选择上时，我想对包含 ASP.NET 菜单控件的 div 进行一些 CSS 更改。现在，div 保持静态，但我希望它扩展到新的悬停内容。

此内容及其大小将根据悬停在哪个菜单项上而有所不同，因此我需要知道与每个项目关联的特定 ID。这是一个图片示例：

在这种情况下，我将鼠标悬停在“客户服务”菜单项上。它会展开，并显示其下方的选项。当我将鼠标悬停在该项目上时，我希望包含它的 div 随之展开。

此菜单是动态填充的，但这里是我的 HTML 中菜单控件的代码：

<div class="box1">
    <asp:Menu ID="Menu1" runat="server" DisappearAfter="1">
        <StaticMenuStyle cssclass="Menu1"/>
    </asp:Menu>
</div>

这是呈现此框的 CSS：

.box1 {
    position: absolute;
    background-color: #B9E5BA;
    /*height: 360px;*/
    /*width: 400px;*/
    left: 50px;
    border: 5px solid #295133;
    border-radius: 0px 15px 15px 15px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.Menu1 li {
    padding-top: 10px;
    padding-right: 10px;
}

.Menu1 a {
    color: black;
}

我认为我不需要提供填充此菜单的 VB 代码，但如果我这样做了，我会很快用一些编辑过的代码来编辑这个问题。

但是，是的，我现在有点卡住了。据我所知，这些都呈现为 HTML listitem 控件，可以将 CSS 应用于它们，但我不知道每个 listitem 都有一个特定的 ID 或与之相关的任何东西，我可以附加一些 CSS。

任何帮助，将不胜感激！让我知道我是否可以添加任何有助于回答者的上下文。

标签： htmlcssasp.netvb.netmenu