欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-02-29 08:32:58
今天的一个小测试是老师让用.net用控件来制作一个拉菜单要求如下: 将鼠标移到父菜单上弹出3个子菜单,而且每个子菜单都有超链接。 以下是我自己做的代码: 复制代码 代码如下...
今天的一个小测试是老师让用.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>