利用.net控件實現(xiàn)下拉導航菜單制作的具體方法
更新時間:2013年07月26日 11:31:51 作者:
這篇文章介紹了利用.net控件實現(xiàn)下拉導航菜單制作的具體方法,有需要的朋友可以參考一下,希望對你有所幫助
今天的一個小測試是老師讓用.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從業(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>
將鼠標移到父菜單上彈出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>
相關文章
TreeNodeCheckChanged事件觸發(fā)方法代碼實例
這篇文章主要介紹了TreeNodeCheckChanged事件觸發(fā)方法代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-12-12asp.net MVC利用自定義ModelBinder過濾關鍵字的方法(附demo源碼下載)
這篇文章主要介紹了MVC利用自定義ModelBinder過濾關鍵字的方法,結(jié)合實例形式詳細分析了自定義ModelBinder過濾關鍵字的原理與具體實現(xiàn)技巧,需要的朋友可以參考下2016-03-03asp.net下URL網(wǎng)址重寫成.html格式、RSS、OPML的知識總結(jié)
asp.net下URL網(wǎng)址重寫成.html格式、RSS、OPML的知識總結(jié)...2007-09-09Asp.net內(nèi)置對象之Request對象(概述及應用)
Request對象主要用于獲取來自客戶端的數(shù)據(jù),如用戶填入表單的數(shù)據(jù)、保存在客戶端的Cookie等,本文將圍繞Request對象,講解其的主要作用:讀取窗體變量、讀取查詢字符串變量、取得Web服務器端的系統(tǒng)信息。取得客戶端瀏覽器信息等等,感興趣的朋友可以了解下2013-02-02ASP.NET中控件的EnableViewState屬性及徹底禁用
如果我們在開發(fā)Web應用程序時,某些控件是不需要接受用戶的操作或只需要接受一次操作的時候,我們可以將這些控件的EnableViewState屬性改為false,這樣可以優(yōu)化我們的程序,提高網(wǎng)絡訪問的速度。2016-06-06