如何添加箭头以指向 VS 附带的水平菜单中的子菜单？答案

【问题标题】：How do I add an arrow to point to the submenus in the horizontal menu that came with VS?如何添加箭头以指向 VS 附带的水平菜单中的子菜单？
【发布时间】：2012-10-06 17:36:34
【问题描述】：

我只使用 Visual Studio (.net 4/VB) 附带的标准模板。我有一个像这样开始的水平菜单：

<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="False" 
IncludeStyleBlock="False" Orientation="Horizontal"  
meta:resourcekey="NavigationMenuResource1">

该网站有多种语言（因此有 meta:resourcekey）。我想要完成的是当用户将鼠标悬停在其中一个选项上，并且出现下拉选项时，我想要一个指向右侧的箭头，让他们知道还有更多选项（子菜单的子菜单）如果他们将鼠标悬停在该特定选项上。

这是我的菜单选项之一的示例：

<asp:MenuItem NavigateUrl="~/services/" Text="USS Services" 
meta:resourcekey="MenuItemResource4">
    <asp:MenuItem NavigateUrl="#" Text="Machine Vision Hardware" 
    meta:resourcekey="MenuItemResource20">
        <asp:MenuItem NavigateUrl="~/services/fixturing" Text="Fixturing" 
        meta:resourcekey="MenuItemResource21"/>
        <asp:MenuItem NavigateUrl="~/services/specialmachines" Text="Special Machine 
        Build" meta:resourcekey="MenuItemResource22"/>
        <asp:MenuItem NavigateUrl="~/services/controlpanels" Text="Control Panels 
        &amp; Workstations" meta:resourcekey="MenuItemResource23"/>
</asp:MenuItem>

如果您将鼠标悬停在“USS 服务”上，您会看到“机器视觉硬件”，这是一个子菜单。如果您将鼠标悬停在“机器视觉硬件”上，您将看到夹具、特殊机器制造以及控制面板和工作站（子菜单的子菜单）。我想做的是在“机器视觉硬件”上有一个箭头，让用户知道如果他们将鼠标悬停在“机器视觉硬件”上，我们制造了 3 种不同的硬件。如果我只是在物理上输入 >，它看起来很草率。

这是我的菜单当前的示例：

我现在没有 VS，因为我的电脑在店里，但我可以对其进行硬编码。我确实有一个白色箭头的小 .jpg。有谁知道如何做到这一点？任何指导将不胜感激！

【问题讨论】：

标签： asp.net visual-studio-2010 visual-studio menu

【解决方案1】：

设计师

<asp:Menu ID="Menu1" runat="server" CssClass="menu" EnableViewState="true" IncludeStyleBlock="false" Orientation="Horizontal" RenderingMode="Default">
<DataBindings>
    <asp:MenuItemBinding TextField="MenuText"  ImageUrlField="ImgUrl" NavigateUrlField="destUrl" ToolTipField="tooltip" />
</DataBindings>

CSS

div.menu img
{
   float:right;
   width:15px;
   height:16px;
}

菜单项

<xsl:attribute name="ImgUrl">
        <xsl:value-of select="UrlImg"/>
      </xsl:attribute>

【讨论】：