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

HTML导航框架

2010-05-16 09:39 190 查看

这个东西其实很简单，以前也搞过，就是关键的一点忘了。

重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。（在下面的第一个实例中，可以查看它是如何实现的。）

右边的内容框架需给name一个值，如：Right；左边的导航框架里的链接需 target="Right"

main
<html>
<frameset cols="120,*">
<frame src="left.aspx">
<frame src="right.aspx" name="Right">
</frameset>
</html>

left
<table cellpadding="0" cellspacing="0" style="margin: 8px 8px 8px 8px; border: solid 1px #B7D8ED; background-color:White;"
width="150">
<tr style="padding-left: 8px; padding-right: 0px;" height="30">
<td width="12">
<img src="../images/banner.gif" />
</td>
<td class="left" onmouseover="onMover(this)" onmouseout="onMout(this)">
<a href="myUsers.aspx" target="Right">我的会员</a>
</td>
</tr>
<tr style="padding-left: 8px; padding-right: 0px;" height="30">
<td width="12">
<img src="../images/banner.gif" />
</td>
<td class="left" onmouseover="onMover(this)" onmouseout="onMout(this)">
退出
</td>
</tr>
</table>

<html>
<frameset rows="70,*">
<frame src="Top.aspx" frameborder="0" scrolling="no" style="border: solid 1px #B7D8ED"
noresize="noresize" />
<frameset cols="200,*">
<frame src="left.aspx" frameborder="0" style="border: solid 1px #B7D8ED" noresize="noresize"
name="left" />
<frame src="right.aspx" frameborder="0" style="border: solid 1px #B7D8ED" noresize="noresize"
name="Right" />
</frameset>
</frameset>
</html>

html 跳转至框架内的一个指定的节

<frame src="http://www.cnblogs.com/example/link.html#C10">

在link.html中要定义<a name="C10">l连接</a>

混合框架的使用

<frameset rows="50%,50%">

<frame src="/example/html/frame_a.html">

<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>

</frameset>

人的一生应该这样度过：当他回首往事的时候，不会因为虚度年华而悔恨，也不会因为碌碌无为而羞愧。

无边框的框架代码片段：
<iframe src="http://www.xland.com.cn" width="750" height="30" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe>

转载自：http://hi.baidu.com/hahacjh/blog/item/9dae67d9bc68ad3f32fa1c61.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航