首页 > > 网页制作 > css >

ASP.NET中iframe框架点击左边页面链接，右边显示…

2018-06-23 23:30:15来源：未知阅读 ()

首先是主页面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="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>

然后是左边页面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?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>