菜鸟求一段DIV+iframe简单代码。

lizhanglihua 2012-03-29 09:39:46

试过用frameset，不理想，网上查了一下，听说要用DIV+iframe比较好，求一段简单代码。

理想效果：

分4块: 上中(左右) 下

上，下固定就行。
中左为菜单，中右为主窗口，随菜单切换。

一个最简单的例子就行，谢谢。

...全文

233 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

贝贝壳壳 2012-03-29

打赏
举报

好好学学 A 标签

<a href="xxx.aspx" target="name" >

target指定要链接的iframe的名称

lizhanglihua 2012-03-29

打赏
举报

感谢各位参与，特别感谢楼上的，很象了，不过，如何在选不同菜单时切换主窗口？应该是在含菜单的Left.aspx.cs文件中写什么代码？

覃祖甘 2012-03-29

打赏
举报



    <%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.aspx.cs" Inherits="ProductServices10._Default" %>  

      

      

      

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

      

    <html xmlns="http://www.w3.org/1999/xhtml">  

      

    <head id="Head1" runat="server">  

      

        <title>产品服务系统</title>  

      

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

      

        <style type="text/css">  

      

            html,body{  

      

         margin:0px;  

      

         height:100%;  

      

        }  

      

        </style>  

      

        <script language="javascript" type="text/javascript">  

      

            function DisplayNav()  

      

            {  

      

                var nav = document.getElementById('divLeft');  

      

                var main = document.getElementById('divmain');  

      

                if(nav.style.display=='block'|| nav.style.display=='')  

      

                {  

      

                    nav.style.display='none';  

      

                      

      

                    main.style.display = 'block';  

      

                }  

      

                else  

      

                {  

      

                    nav.style.display='block';  

      

                    main.style.marginleft='395px';  

      

                }  

      

            }  

      

        </script>  

      

    </head>  

      

    <body style="margin: 0; padding: 0; background-color: #0266C6;">  

      

        <form id="from1" runat="server">  

      

            <div id="divTop" style="width: 100%; height: 60px; border: none 0px">  

      

                <img src="Images/Top/toplogo.jpg" onclick="DisplayNav();" />  

      

            </div>  

      

            <div style="width:100%;height: 100%; border: none 0px">  

      

                <div id="divLeft" style="width: 195px; height:100%; overflow: hidden; float: left;">  

      

                    <iframe src="left.aspx" style="height: 100%" frameborder="0" border="0" marginwidth="0" marginheight="0" ></iframe>  

      

                </div>  

      

                <div id="divmain" style="height: 100%; border: none 0px">  

      

                         <iframe src="main.aspx" width="100%" height="100%" frameborder="0" border="0" marginwidth="0" marginheight="0" ></iframe>  

      

                </div>  

      

            </div>  

      

        </form>  

      

    </body>  

      

    <html>