html页面框架

大概效果如图,点击左边一个菜单连接,菜单右边增加一个页面导航栏(菜单导航栏可关闭),点击导航栏,导航栏下面显示链接对应的页面。
最好有源码,谢谢!
有加分。。。
最好还有JS的控制代码,大概说明一下他的使用方式!

html页面框架可以分为内框架和外框架

外框架:多个独立的页面,组合成一个整体页面

框架页面:使用框架页面,先把框架页面中的body删除
<frameset cols/rows=”” frameborder=“”>
<frame src=“” noresize="noresize">
<frame src=“” noresize="noresize">
<frame src=“” noresize="noresize">
.....
</frameset>

frameset:框架(外框架),把该页面分割成若干个小区域
cols:页面左右分割
Rows:页面上下分割
Frameborder:骨架显示/隐藏

Framse:该区域引入页面
Src:引入页面的路径
Noresize: 固定相邻2个区域的骨架

如果页面分割完成后,对某一区域再进行分割,那么把该区域所对应的frame删除,改成frameSet标签

内框架:一个整体页面中的某一块区域,独立出来,放另外的单独一个页面
<iframe width=”” height=”” src=”” frameborder=“” name=“”></iframe>
Width:内框架宽度
height:内框架高度
Src:要放入网页的路径
Frameborder:边框
Name:起名字
温馨提示:答案为网友推荐,仅供参考
第1个回答  2009-05-22
给你个我曾经的一个后台管理的框架...
布局和你那个完全一样

<!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>
<title><%=EnterpriseWeb.Includes.GetConfig.getOptionValue("Enter_Name")%>ºǫ́¹ÜÀí - Power By:EnterpriseWeb</title>
</head>
<frameset cols="*" rows="60,*" frameborder="no" border="0" framespacing="0" >
<frame name="top" id="top" src="/Main/Top" scrolling="No" />
<frameset cols="200,*" rows="*" frameborder="no" border="0" framespacing="0">

<frame name="menu" id="menu" src="/Main/Menu" />
<frameset cols="*" rows="35,*" frameborder="no" border="0" framespacing="0">
<frame name="info" id="info" src="/Main/Info" scrolling="no" />
<frame name="main" id="main" src="" scrolling="auto" />
</frameset>

</frameset>
</frameset>
</html>本回答被提问者采纳
相似回答