主框架(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>很朴素，以后再完善，若有更好的，请推荐
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
