左边菜单,右边内容收藏
主框架(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>
<!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>
很朴素,以后再完善,若有更好的,请推荐