幽灵资源网 Design By www.bzswh.com
ASP.NET中iframe框架点击左边页面链接,右边则显示链接页面内容,具体实现内容如下
先看看效果图:
首先是主页面main.aspx
<body style="background-color: #AFEEEE">
<form id="form1" runat="server">
<div>
<center>
<h1>
后台管理界面
</h1>
<span style="float: right;">
<asp:HyperLink ID="HyperLink1" runat="server" Style="text-align: center" NavigateUrl="Default.aspx">返回首页</asp:HyperLink></span>
<table border="0" width="1180px" cellpadding="0" class="main-table">
<tr>
<td align="center">
<iframe id="Left" name="Left" src="/UploadFiles/2021-04-02/Left.aspx">
然后是左边页面Left.aspx
<form id="form1" runat="server">
<div>
<table style="width: 180px;" cellspacing="0" cellpadding="0">
<tr>
<td class="style1 ">
<div class="titleSystemName">
导航栏</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="新闻类别1" Value="新闻类别1">
<asp:TreeNode NavigateUrl="~/AddNews.aspx" Target="Right" Text="添加新闻" Value="添加新闻">
</asp:TreeNode>
<asp:TreeNode NavigateUrl="~/ManagerNew.aspx" Target="Right" Text="删除/编辑新闻" Value="删除/编辑新闻">
</asp:TreeNode>
<%-- <asp:TreeNode NavigateUrl="~/UpdataNew.aspx" 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>
最后是右边的页面AddNews.aspx,这个页面就可以插入自己需要的页面链接了。
以上是我在学习asp的过程中学习到的一个知识点,希望对大家有用。
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
