您的位置：首页 > Web前端 > HTML

HTML_导航框架

2015-12-27 19:01 537 查看
在浏览网页时，我们时常会看到一个导航区域，当我们点击导航区域中的项目时，会切换到响应的区域显示，如下图：



实现一个简易的导航框架，我们需要5个html文件，此处分别命名为：frame_a，frame_b， frame_c，index， content。其中frame_a，frame_b， frame_c只需设定背景颜色。
content.html代码如下：

<html>
<head></head>
<frameset cols="20%, *">
<frame src="index.html">
<frame src="frame_a.html" name="content">
</frameset>
</html>


该文件将主界面分为index和content两部分。index中为index.html文件中三个链接，content显示选中的html文件。

index.html文件中包含frame_a，frame_b， frame_c三个文件的链接，且将target属性设置为content。

<html>
<body bgcolor="gray">
<a href="frame_a.html" target="content">frame_a</a><br/>
<a href="frame_b.html" target="content">frame_b</a><br/>
<a href="frame_c.html" target="content">frame_c</a><br/>
</body>
</html>
效果图如下贴出：





内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航