左边菜单,右边内容收藏 由 群群 · 02/19/2009 主框架(main.html)左右两框 左边功能菜单(left.html) 右边内容(content*.html) main.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <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" "http://www.w3.org/TR/html4/frameset.dtd"> <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" "http://www.w3.org/TR/html4/frameset.dtd"> <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" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>内容</title> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> </head> <body> <font size="12">内容3</font> </body> </html> 很朴素,以后再完善,若有更好的,请推荐 Share