利用.net控件實現(xiàn)下拉導(dǎo)航菜單制作的具體方法
更新時間:2013年07月26日 11:31:51 作者:
這篇文章介紹了利用.net控件實現(xiàn)下拉導(dǎo)航菜單制作的具體方法,有需要的朋友可以參考一下,希望對你有所幫助
今天的一個小測試是老師讓用.NET用控件來制作一個拉菜單要求如下:
將鼠標(biāo)移到父菜單上彈出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從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Introduce.aspx?id=1"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="NavigateUrl="~/Introduce.aspx?id=2"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/PIntroduce.aspx?id=1"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/PIntroduce.aspx?id=2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" ValueNavigateUrl="~/News.aspx"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Product.aspx?id=1">
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Product.aspx?id=0"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Product.aspx?id=1"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Message.aspx"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Download.aspx"></asp:MenuItem>
<asp:MenuItem Text="在線聯(lián)系 " Value="在線聯(lián)系" NavigateUrl="~/Content.aspx"></asp:MenuItem>
</Items>
</asp:Menu>
將鼠標(biāo)移到父菜單上彈出3個子菜單,而且每個子菜單都有超鏈接。
以下是我自己做的代碼:
復(fù)制代碼 代碼如下:
<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從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Introduce.aspx?id=1"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="NavigateUrl="~/Introduce.aspx?id=2"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/PIntroduce.aspx?id=1"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/PIntroduce.aspx?id=2"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" ValueNavigateUrl="~/News.aspx"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Product.aspx?id=1">
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Product.aspx?id=0"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Product.aspx?id=1"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Message.aspx"></asp:MenuItem>
<asp:MenuItem Text="IT從業(yè)" Value="IT從業(yè)" NavigateUrl="~/Download.aspx"></asp:MenuItem>
<asp:MenuItem Text="在線聯(lián)系 " Value="在線聯(lián)系" NavigateUrl="~/Content.aspx"></asp:MenuItem>
</Items>
</asp:Menu>
相關(guān)文章
WPF開發(fā)之利用DrawingVisual繪制高性能曲線圖
通過WPF實現(xiàn)大數(shù)據(jù)曲線圖時,如果用最基礎(chǔ)的Canvas來實現(xiàn),性能堪憂。所以本文將利用DrawingVisual繪制高性能曲線圖,感興趣的可以了解一下2022-02-02
ASP.NET Core使用GraphQL第一章之Hello World
這篇文章主要給大家介紹了關(guān)于ASP.NET Core使用GraphQL第一章之Hello World的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
ASP.NET?Core擴(kuò)展庫ServiceStack.Redis用法介紹
這篇文章介紹了ASP.NET?Core擴(kuò)展庫ServiceStack.Redis的用法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-02-02

