ASP.NET中iframe框架點(diǎn)擊左邊頁(yè)面鏈接 右邊顯示鏈接頁(yè)面內(nèi)容
ASP.NET中iframe框架點(diǎn)擊左邊頁(yè)面鏈接,右邊則顯示鏈接頁(yè)面內(nèi)容,具體實(shí)現(xiàn)內(nèi)容如下
先看看效果圖:
首先是主頁(yè)面main.aspx
<body style="background-color: #AFEEEE"> <form id="form1" runat="server"> <div> <center> <h1> 后臺(tái)管理界面 </h1> <span style="float: right;"> <asp:HyperLink ID="HyperLink1" runat="server" Style="text-align: center" NavigateUrl="Default.aspx">返回首頁(yè)</asp:HyperLink></span> <table border="0" width="1180px" cellpadding="0" class="main-table"> <tr> <td align="center"> <iframe id="Left" name="Left" src="Left.aspx" class="inset-table" width="188px" height="730" align="middle"></iframe> </td> <td align="left"> <iframe id="Right" name="Right" src="AddNews.aspx" class="outset-table" width="950" height="730" align="middle"></iframe> </td> </tr> </table> </center> </div> </form> </body>
然后是左邊頁(yè)面Left.aspx
<form id="form1" runat="server"> <div> <table style="width: 180px;" cellspacing="0" cellpadding="0"> <tr> <td class="style1 "> <div class="titleSystemName"> 導(dǎo)航欄</div> </td> </tr> <tr> <td> <asp:TreeView ID="TreeView1" runat="server" ImageSet="XPFileExplorer" NodeIndent="15" Width="155px"> <ParentNodeStyle Font-Bold="False" /> <HoverNodeStyle Font-Underline="True" ForeColor="#6666AA" /> <SelectedNodeStyle BackColor="#B5B5B5" Font-Underline="False" HorizontalPadding="0px" VerticalPadding="0px" /> <Nodes> <asp:TreeNode Text="新聞?lì)悇e1" Value="新聞?lì)悇e1"> <asp:TreeNode NavigateUrl="~/AddNews.aspx?id=2" Target="Right" Text="添加新聞" Value="添加新聞"> </asp:TreeNode> <asp:TreeNode NavigateUrl="~/ManagerNew.aspx?id=3" Target="Right" Text="刪除/編輯新聞" Value="刪除/編輯新聞"> </asp:TreeNode> <%-- <asp:TreeNode NavigateUrl="~/UpdataNew.aspx?id=2" Target="Right" Text="更新新聞" Value="更新新聞"> </asp:TreeNode>--%> </asp:TreeNode> <asp:TreeNode Text="用戶管理" Value="用戶管理"> <asp:TreeNode NavigateUrl="~/UserManager.aspx" Target="Right" Text="管理用戶" Value="管理用戶"> </asp:TreeNode> </asp:TreeNode> </Nodes> <NodeStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black" HorizontalPadding="2px" NodeSpacing="0px" VerticalPadding="2px" /> </asp:TreeView> </td> </tr> </table> </div> </form>
最后是右邊的頁(yè)面AddNews.aspx,這個(gè)頁(yè)面就可以插入自己需要的頁(yè)面鏈接了。
以上是我在學(xué)習(xí)asp的過程中學(xué)習(xí)到的一個(gè)知識(shí)點(diǎn),希望對(duì)大家有用。
- asp.net中MVC借助Iframe實(shí)現(xiàn)無(wú)刷新上傳文件實(shí)例
- asp.net在iframe中彈出信息并執(zhí)行跳轉(zhuǎn)問題探討
- ASP.NET頁(yè)面借助IFrame提交表單數(shù)據(jù)所遇到問題的解決方法分享
- asp.net 文件上傳與刷新與asp.net頁(yè)面與iframe之間的數(shù)據(jù)傳輸
- ASP.NET中使用IFRAME建立類Modal窗口
- asp.net省市三級(jí)聯(lián)動(dòng)的DropDownList+Ajax的三種框架(aspnet/Jquery/ExtJs)示例
- asp.net 學(xué)習(xí)之路 項(xiàng)目整體框架簡(jiǎn)單的搭建
- asp.net GridView中超鏈接的使用(帶參數(shù))
- ASP.NET 鏈接 Access 數(shù)據(jù)庫(kù)路徑問題最終解決方案
- asp.net實(shí)現(xiàn)生成靜態(tài)頁(yè)并添加鏈接的方法
相關(guān)文章
asp.net jQuery Ajax用戶登錄功能的實(shí)現(xiàn)
前幾天把jbox源碼修改成仿QQ空間模擬窗口后發(fā)現(xiàn)有很多人在關(guān)注。今天就貼一下我利用該模擬窗口實(shí)現(xiàn)的用戶登錄功能的代碼。2009-11-11asp.net treeview checkbox 相關(guān)問題
asp.net treeview checkbox 相關(guān)問題,需要的朋友可以看下。2009-06-06Asp.Net Core利用xUnit進(jìn)行主機(jī)級(jí)別的網(wǎng)絡(luò)集成測(cè)試詳解
這篇文章主要給大家介紹了關(guān)于Asp.Net Core利用xUnit進(jìn)行主機(jī)級(jí)別的網(wǎng)絡(luò)集成測(cè)試的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們來(lái)一起看看吧2018-12-12ASP.NET?MVC遍歷驗(yàn)證ModelState的錯(cuò)誤信息
這篇文章介紹了ASP.NET?MVC遍歷ModelState錯(cuò)誤信息的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09asp.net分頁(yè)控件AspNetPager的樣式美化
自從吳旗娃推出了AspNetPager分頁(yè)控件之后,受到了廣大程序員朋友的喜愛,無(wú)數(shù)個(gè)網(wǎng)站都出現(xiàn)這個(gè)控件的身影。可是大部分網(wǎng)站程序員的朋友都是直接套用,導(dǎo)致滿世界的分頁(yè)控件樣式都是一樣的簡(jiǎn)潔,傷不起啊2011-12-12解協(xié)議時(shí)有符號(hào)和無(wú)符號(hào)整數(shù)型處理
這篇文章主要介紹了解協(xié)議時(shí)有符號(hào)和無(wú)符號(hào)整數(shù)型處理,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01在.NET Core控制臺(tái)程序中如何使用依賴注入詳解
這篇文章主要給大家介紹了關(guān)于在.NET Core控制臺(tái)程序中如何使用依賴注入的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-10-10驗(yàn)證一個(gè)ASP.NET應(yīng)用程序和頁(yè)面的生命周期的實(shí)現(xiàn)代碼
我們知道ASP.NET Page的生命周期實(shí)際上是ASP.NET Application的生命周期的一部分。這個(gè)周期經(jīng)歷了HTTP Module => HTTP Handler => ASP.NET Page => Http Module這樣一個(gè)過程2012-04-04