Chinaunix首页 | 论坛 | 博客
  • 博客访问: 30479161
  • 博文数量: 708
  • 博客积分: 12163
  • 博客等级: 上将
  • 技术积分: 8240
  • 用 户 组: 普通用户
  • 注册时间: 2007-12-04 20:59
文章分类

全部博文(708)

分类: 系统运维

2009-08-06 10:01:05

主框架(main.html)左右两框

左边功能菜单(left.html)

右边内容(content*.html)

 

main.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "">
<html>
<head>
<title>主页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
</head>
  <frameset id="frame1" rows="*" cols="265,*" framespacing="0" frameborder="yes" border="0">
    <frame src="left.html" name="leftFrame" scrolling="auto" noresize>
    <frame src="content1.html" name="mainFrame" scrolling="NO" noresize>
  </frameset>
<noframes>
<body>
</body>
</noframes>
</html>

left.html


<html>
    <head>
        <title>左边操作菜单</title>
        <script type="text/javascript">...
            function show()...{
                var id = document.getElementById("info");
                var sub = document.getElementById("subInfo");
                if(sub.style.display == "none") ...{
                    sub.style.display="inline";
                } else ...{
                    sub.style.display="none";
                }
            }
        </script>
    </head>
    <body>
        <table border="0">
            <tr>
                <td>
                    <table border="0">
                        <tr><td id="info" style="cursor: hand" onClick="show()">信息维护</td></tr>
                    </table>
                    <div id="subInfo" style="display: none">
                        <table border="0">
                            <tr>
                                <td><a href="content1.html" target="mainFrame"> 修改资料</a></td>
                            </tr>
                            <tr>
                                <td><a href="content2.html" target="mainFrame"> 修改密码</a></td>
                            </tr>
                            <tr>
                                <td><a href="content3.html" target="mainFrame"> 添加子栏目</a></td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td>信息维护2</td>
            </tr>
            <tr>
                <td><a href="content2.html" target="mainFrame">功能菜单</a></td>
            </tr>
            <tr>
                <td><a href="content2.html" target="mainFrame">退出</a></td>
            </tr>
        </table>
    </body>
</html>

content*.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "">
<html>
<head>
<title>内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
</head>
<body>
<font size="12">内容1</font>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "">
<html>
<head>
<title>内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
</head>
<body>
<font size="12">内容2</font>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "">
<html>
<head>
<title>内容</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
</head>
<body>
<font size="12">内容3</font>
</body>
</html>

阅读(1624) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~