首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在VS附带的水平菜单中添加指向子菜单的箭头?

如何在VS附带的水平菜单中添加指向子菜单的箭头?
EN

Stack Overflow用户
提问于 2012-10-16 23:07:19
回答 1查看 1.1K关注 0票数 1

我只使用Visual Studio附带的标准模板(.net 4/VB)。我有一个水平菜单,开始如下所示:

代码语言:javascript
运行
复制
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="False" 
IncludeStyleBlock="False" Orientation="Horizontal"  
meta:resourcekey="NavigationMenuResource1">

该站点有几种语言(因此有meta:resourcekey)。我试图完成的是,当用户将鼠标悬停在其中一个选项上时,下拉选项出现,我希望有一个指向右侧的箭头,让他们知道如果他们将鼠标悬停在该特定选项上,还有更多的选项(子菜单的子菜单)。

下面是我的一个菜单选项的示例:

代码语言:javascript
运行
复制
<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。有谁知道如何做到这一点吗?任何指导都将不胜感激!

EN

回答 1

Stack Overflow用户

发布于 2017-01-04 18:34:18

设计师

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
div.menu img
{
   float:right;
   width:15px;
   height:16px;
}

MenuItem

代码语言:javascript
运行
复制
<xsl:attribute name="ImgUrl">
        <xsl:value-of select="UrlImg"/>
      </xsl:attribute>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12917762

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档