1

Visual Studio (.net 4/VB) に付属の標準テンプレートのみを使用しています。次のように始まる水平メニューがあります。

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

このサイトには複数の言語があります (したがって、meta:resourcekey です)。私が達成しようとしているのは、ユーザーがオプションの 1 つにカーソルを合わせると、ドロップダウン オプションが表示され、右向きの矢印が表示され、さらにオプション (サブメニューのサブメニュー) があることを知らせることです。その特定のオプションにカーソルを合わせた場合。

以下は、私のメニュー オプションの 1 つの例です。

<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 サービス」にカーソルを合わせると、「マシン ビジョン ハードウェア」というサブメニューが表示されます。「Machine Vision Hardware」にカーソルを合わせると、Fixturing、Special Machine Build、および Control Panels & Workstations (サブメニューのサブメニュー) が表示されます。私がやりたいのは、「マシン ビジョン ハードウェア」に矢印を付けて、「マシン ビジョン ハードウェア」にカーソルを合わせると、当社が製造する 3 つの異なるハードウェアがあることをユーザーに知らせることです。物理的に > を入力すると、見栄えが悪くなります。

私のメニューが現在どのように見えるかの例を次に示します。現在のメニューはこんな感じ

私のコンピューターは店にあるので、今は VS を持っていませんが、ハードコードすることはできます。そして、白い矢印の小さな .jpg があります。これを達成する方法を知っている人はいますか？どんなガイダンスも大歓迎です！

4

1 に答える 1

0

デザイナー

<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>

于 2017-01-04T10:34:18.443 に答える