高分,急!Dreamweaver类似框架效果的实现

来源:百度知道 编辑:UC知道 时间:2024/06/18 05:54:20
实现目的:请参考效果图,左边是导航链接,右边为内容,因为内容较多,用框架限制高度,否则,太难看了。内容页2.html还有不少锚标记,如何链接到具体的锚上面、页面其他结构不改变呢?

左边链接已做好,右边内容现在用的是以下代码:
<iframe width=650 height=750 name=main frameborder=0 src=2.html
scrolling="auto"></iframe>

请介绍实现功能的办法,谢谢了。

你先分别建立4个页面,复制以下代码:

(框架页)0.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<frameset cols="80,*" framespacing="1" frameborder="yes" border="1" bordercolor="#000000">
<frame src="1.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="2.html"