浮动窗口与多媒体效果

来源:互联网 发布:上海炫踪网络 怎么样 编辑:程序博客网 时间:2024/06/14 02:13

<iframe>标记,又称为浮动帧标记,可以用来将一个HTML文档嵌套在另一个HTML文档中显示。

<iframe>基本用法:

<iframe src='URL' width="x" height="x" scrolling="[option]" frameborder="x">  <frame>

src设置文件的路径  

width和height分别设置浮动窗口的宽和高

scrolling设置是否出现滚动条,可选值有auto(自动)、yes(出现)、no(不出现)

fromeborder设置是否出现边框,可选值有1(出现)  2(不出现)

先创建一个iframe.html的文档,代码如下:

<html><head><Title>登鹳雀楼</Title></head><body bgcolor="pink"><h3 align="center">登鹳雀楼</h3><P align="center">白日依山尽,黄河入海流。<br>欲穷千里目,更上一层楼。</P></body></html>
再创建主页面代码test.html:

<html><head><title>画中画</title></head><body><center><iframe src="iframe.html" width="400" height=300 frameborder="1"></iframe></center></body></html>
<iframe>还可以有name属性,结合表格布局,可以实现同框架一样的效果;如图所示,点击超链接可以在右边的部分显示

<html><head><title>左右</title></head><frameset cols="10%,*"><frame src="left.html"/><frame  name='aaa'/></frameset></html>
  1.<frameset>一般先用一个文档将页面分成成几部分,此文档只记录了该框架如何划分,不会显示任何资料,因此不必放<body>中。
  2.<frameset>是用以划分框架,每个框架由一个<frame>标记所标示,<frame>必须在<frameset>中使用。
  3.<frameset>中根据rows或cols将框架分成上下或左右几部分。
  4. iframe是内部帧,可以嵌在一个页面里面,设置内部帧的属性可以使得整体看上去象一个完整的页面,而不是由多个页面组成 。
  5.一般在页面布局中,比如很多网站,上面有广告条,左边放菜单,右边放内容,这样上边和左边的内容都可不动,只动态改变右边的内容,这种一般使用<frameset>框架布局较多;但用<iframe>比<frameset>少一个文件,但支持<iframe>框架的浏览器相对较少。


原创粉丝点击