利用.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>
将鼠标移到父菜单上弹出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>