码迷,mamicode.com
首页 > 其他好文 > 详细

frame实现菜单导航

时间:2015-05-25 22:25:02      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:frame   菜单   

效果如下:
技术分享

技术分享

技术分享

技术分享

技术分享

main.html

<html>
<frameset cols="200,*">
  <frame src="menu.html">
  <frame src="pref.html" name="view_frame">
</frameset> 
</html>

menu.html

<html>
<body>

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

</body>
</html>

pref.html

<html>
<body bgcolor="#ff8888">

<h3>Preface</h3>

</body>
</html>

余下代码省略,关键是target和name这两个标签的使用。

后面我会在项目中用到这个方法实现菜单导航。

frame实现菜单导航

标签:frame   菜单   

原文地址:http://blog.csdn.net/jkxqj/article/details/45980401

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