华域联盟 .Net 利用.net控件实现下拉导航菜单制作的具体方法

利用.net控件实现下拉导航菜单制作的具体方法

今天的一个小测试是老师让用.NET用控件来制作一个拉菜单要求如下:

将鼠标移到父菜单上弹出3个子菜单,而且每个子菜单都有超链接。

以下是我自己做的代码:

复制代码 代码如下:

    <asp:Menu ID="Menu1" runat="server" Orientation="Horizontal" Width="100%"

            Font-Size="14px" ForeColor="#161621" Font-Bold="True"

            PathSeparator="1" StaticEnableDefaultPopOutImage="False"

            >

                <DynamicMenuStyle BackColor="#D0E6DE" />

                <DynamicMenuItemStyle ItemSpacing="5px" />

                <Items>

                        <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/Introduce.aspx?id=1"></asp:MenuItem>

                        <asp:MenuItem Text="IT从业" Value="NavigateUrl="~/Introduce.aspx?id=2"></asp:MenuItem>

                        <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/PIntroduce.aspx?id=1"></asp:MenuItem>

                        <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/PIntroduce.aspx?id=2"></asp:MenuItem>

                    </asp:MenuItem>

                    <asp:MenuItem Text="IT从业" ValueNavigateUrl="~/News.aspx"></asp:MenuItem>

                    <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/Product.aspx?id=1">

                        <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/Product.aspx?id=0"></asp:MenuItem>

                        <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/Product.aspx?id=1"></asp:MenuItem>

                    </asp:MenuItem>

                    <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/Message.aspx"></asp:MenuItem>

                    <asp:MenuItem Text="IT从业" Value="IT从业" NavigateUrl="~/Download.aspx"></asp:MenuItem>

                    <asp:MenuItem Text="在线联系 " Value="在线联系" NavigateUrl="~/Content.aspx"></asp:MenuItem>

                </Items>

            </asp:Menu>

本文由 华域联盟 原创撰写:华域联盟 » 利用.net控件实现下拉导航菜单制作的具体方法

转载请保留出处和原文链接:https://www.cnhackhy.com/51348.htm

本文来自网络,不代表华域联盟立场,转载请注明出处。

作者: sterben

发表回复

联系我们

联系我们

2551209778

在线咨询: QQ交谈

邮箱: [email protected]

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部