码迷,mamicode.com
首页 > Web开发 > 详细

HTML 导航框架 (使用 Frame )

时间:2016-12-04 20:40:15      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:style   ref   项目   属性   name   输出   需要   oql   content   

文章出处  :  http://blog.sina.com.cn/s/blog_6f6d07f80100oqlt.html  (本文转自此博客)

 

 

在浏览网页时,我们经常会看到一个导航条,当点击导航条上的项目时,相应网页会在显示区域变换显示。首先准备一个主界面文件main.htm,将其划分成两块区域index和content.

<html>

<frameset cols="120,*">

<frame name="index" src="index.htm" />
<frame name="content" src="frame_a.htm" />

</frameset>

</html>

    其中index区域链接index.htm文件,主要是一些链接项目;content区域负责显示相应链接文件,初始显示链接为frame_a.htm. 
name="index"是标明index区域的属性,name="content"是标明content区域的属性。 那么如何将index.htm中的链接输出到content区域显示呢?这里需要设置链接中的target属性。代码如下:
<html> <head> </head> <body> <a href="frame_a.htm" target="content">frame_a</a> <a href="frame_b.htm" target="content">frame_b</a> <a href="frame_c.htm" target="content">frame_c</a> </body> </html>

 

 

效果图如下贴出:

 

技术分享

 

技术分享

 

技术分享

 

文章出处  :  http://blog.sina.com.cn/s/blog_6f6d07f80100oqlt.html  (本文转自此博客)

HTML 导航框架 (使用 Frame )

标签:style   ref   项目   属性   name   输出   需要   oql   content   

原文地址:http://www.cnblogs.com/JaneBlog/p/6131383.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!