框架集导航:
1、设置框架的name值:index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<frameset rows="20%,*">
<frame src="top.html" name="top" />
<frameset cols="30%,*">
<frame src="left.html" name="left" />
<frame src="right.html" name="right" />
</frameset>
</frameset><noframes></noframes>
</html>
2、设置导航热点:left.html中
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<p>管理导航</p>
<p><a href="left/user.html" target="right">用户管理</a></p>
<p><a href="left/iesume.html" target="right">简历管理</a></p>
<p><a href="left/product.html" target="right">产品管理</a></p>
<p><a href="left/bbs.html" target="right">论坛管理</a></p>
</body>
</html>
3、设置导航对应页面:
4、设置超链接的target属性值:
5、实现:
点击简历管理,右侧显示iesume.html内的字