html文件，实现上方导航和左侧边栏不变，而右侧边栏信息变换？是用框架吗
发布网友
发布时间：2022-04-27 05:05
共2个回答
热心网友
时间：2023-09-11 13:20
1.建立主页面，就是你打开就能看到的页面
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页标题</title>
</head>
<frameset rows="16%,84%"border="0">
<frame noresize src="top.htm" scrolling="no">
<frameset cols="25%,*" >
<frame scrolling="no" noresize src="left.htm">
<frame name="rgt" src="right.htm">
</frameset>
</frameset>
<noframes></noframes>
</html>这里面top.htm就是上方导航，left.htm就是左侧信息，right.htm就是右侧信息
2.建立顶部页面top.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table width=50% align=center>
<tr align=center>
<td width=50%><a target="rgt" href="right.htm">导航1</a></td>
<td width=50%><a target="rgt" href="right2.htm">导航2</a></td>
</tr>
</table>
</body>
</html>
这里要注意target="rgt"，rgt是我们在第一步里right.htm的name，也就是说点击这里，右边的内容会跳转到指定的页面，也就实现了右边信息的变换
这里我只写两个，你自己在导航里改，凡是有链接的你都加上target="rgt"
3.建立左部页面left.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<a href="right.htm" target="rgt">右部信息1</a>
<br><br>
<a href="right2.htm" target="rgt">右部信息2</a>
</body>
</html>
这里同样，凡是有链接的你都加上target="rgt"，点击后右边内容会随之变换
4.建立右部信息页面right.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table>
<tr>
<td valign="top" width="500" height="1000">
<h3 align="center">右边信息</h3>
</td>
</tr>
</table>
</body>
</html>
这里是打开主页面后看到的右边部分的内容
5.建立右边部分等待切换的页面right2.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<table>
<tr>
<td valign="top" width="500" height="1000">
<h3 align="center">右边信息二</h3>
</td>
</tr>
</table>
</body>
</html>
注意这个right2.htm在top.htm和left.htm里都出现过
也就是说点击它们就会将右边内容切换到相应页面
我这里只做了两个，如果多的话就继续做right3.htm之类
OK完成
热心网友
时间：2023-09-11 13:20
