利用.net控件實(shí)現(xiàn)下拉導(dǎo)航菜單制作的具體方法
更新時(shí)間：2013年07月26日 11:31:51 作者：
這篇文章介紹了利用.net控件實(shí)現(xiàn)下拉導(dǎo)航菜單制作的具體方法，有需要的朋友可以參考一下，希望對(duì)你有所幫助
今天的一個(gè)小測(cè)試是老師讓用.NET用控件來(lái)制作一個(gè)拉菜單要求如下：
將鼠標(biāo)移到父菜單上彈出3個(gè)子菜單，而且每個(gè)子菜單都有超鏈接。
以下是我自己做的代碼：
<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個(gè)子菜單，而且每個(gè)子菜單都有超鏈接。
以下是我自己做的代碼：
復(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)文章
TreeNodeCheckChanged事件觸發(fā)方法代碼實(shí)例
這篇文章主要介紹了TreeNodeCheckChanged事件觸發(fā)方法代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
asp.net MVC利用自定義ModelBinder過(guò)濾關(guān)鍵字的方法(附demo源碼下載)
這篇文章主要介紹了MVC利用自定義ModelBinder過(guò)濾關(guān)鍵字的方法,結(jié)合實(shí)例形式詳細(xì)分析了自定義ModelBinder過(guò)濾關(guān)鍵字的原理與具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-03-03
ASP.NET下備份與還原數(shù)據(jù)庫(kù)代碼
ASP.NET下備份還原數(shù)據(jù)庫(kù)的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-03-03
asp.net下URL網(wǎng)址重寫成.html格式、RSS、OPML的知識(shí)總結(jié)
asp.net下URL網(wǎng)址重寫成.html格式、RSS、OPML的知識(shí)總結(jié)...2007-09-09
ASP.NET 緩存分析和實(shí)踐淺析提高運(yùn)行效率
說(shuō)到ASP.NET緩存，那就是：盡早緩存；經(jīng)常緩存您應(yīng)該在應(yīng)用程序的每一層都實(shí)現(xiàn)緩存。2010-02-02
數(shù)據(jù)綁定：是應(yīng)用程序 UI 與業(yè)務(wù)邏輯之間建立連接的過(guò)程。 如果綁定正確設(shè)置并且數(shù)據(jù)提供正確通知，則當(dāng)數(shù)據(jù)的值發(fā)生更改時(shí)，綁定到數(shù)據(jù)的視覺(jué)元素會(huì)自動(dòng)反映更改。 數(shù)據(jù)綁定可能還意味著如果視覺(jué)元素中數(shù)據(jù)的外部表現(xiàn)形式發(fā)生更改，則基礎(chǔ)數(shù)據(jù)可以自動(dòng)更新以反映更改。2013-03-03
Asp.net內(nèi)置對(duì)象之Request對(duì)象(概述及應(yīng)用)
Request對(duì)象主要用于獲取來(lái)自客戶端的數(shù)據(jù)，如用戶填入表單的數(shù)據(jù)、保存在客戶端的Cookie等,本文將圍繞Request對(duì)象,講解其的主要作用:讀取窗體變量、讀取查詢字符串變量、取得Web服務(wù)器端的系統(tǒng)信息。取得客戶端瀏覽器信息等等，感興趣的朋友可以了解下2013-02-02
ASP.Net?Core中的內(nèi)存和GC機(jī)制
這篇文章介紹了ASP.Net?Core中的內(nèi)存和GC機(jī)制，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
這篇文章介紹了在每個(gè)頁(yè)面加上Session判斷的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下2013-10-10
ASP.NET中控件的EnableViewState屬性及徹底禁用
如果我們?cè)陂_(kāi)發(fā)Web應(yīng)用程序時(shí)，某些控件是不需要接受用戶的操作或只需要接受一次操作的時(shí)候，我們可以將這些控件的EnableViewState屬性改為false，這樣可以優(yōu)化我們的程序，提高網(wǎng)絡(luò)訪問(wèn)的速度。2016-06-06