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

html里frame导航框架实现方法

2014-09-25 16:26 274 查看
在5.html里写入

<html>

<frameset cols="30%,70%">
<frame src="4.html" />
<frame src="5.html" name="show"/>

</html>

在4.html里写入

<html>

<p> <a href="1.html" target="show">A</a> </p>
<p> <a href="2.html" target="show">B</a> </p>
<p> <a href="3.html" target="show">C</a> </p>

</html>

大功告成了，用浏览器打开5.html，会有如下这个红色的页面，



点击B的时候会有这个页面，



点击C的时候会有这个页面，



预期的效果实现了，左边的A,B,C就是导航菜单，后边的就是变化的网页内容。

红色部分是关键内容，请细心琢磨。我觉得这是指定哪个网页在哪个窗口打开，这也是frame框架的关键所在。

<frame src="5.html" name="show"/> ， 这句里的name="show",是指定这个frame的名称为show,

<a href="1.html" target="show">A</a>，这句起到的作用是指定1.html这个网页在名称为show的flame里打开。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航