网页：“画中画”效果--IFRAME标签的使用收藏.doc

网页:“画中画”效果--IFRAME标签的使用收藏新一篇:用meta标签实现网页变换效果|旧一篇:Focus效果的提交信息表单(DIV+CSS)一、Iframe标记的使用提起Iframe,可能你早已将之扔到“被遗忘的角落”了,不过,说起其兄弟Frame就不会陌生了。Frame标记即帧标记,我们所说的多帧结构就是在一个浏览器窗口中显示多个HTML文件。现在,我们遇到一种很现实的情况:如有一个教程,是一节一节地上,每页末尾做一个“上一节“、“下一节“的链接,除了每节教程内容不同之外,页面其它部分内容都是相同的,如果一页一页地做笨页面,这似乎太让人厌烦了,这时突发奇想,如果有一种方法让页面其它地方不变,只将教程做成一页一页的内容页,不含其它内容,在点击上下翻页链接时,只改变教程内容部分,其它保持不变,这样,一是省时,另则以后如教程有个三长两短的变动,也很方便,不致于牵一发而动全军了;更重要的是将那些广告Banner、栏目列表、导航等几乎每页的都有的东西只下载一次后就不再下载了。 Iframe标记,又叫浮动帧标记,你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,一个形象的比喻即“画中画“电视。现在我们谈一下Iframe标记的使用。 Iframe标记的使用格式是: <Iframesrc="URL"width="x"height="x"scrolling="[OPTION]"frameborder="x"></iframe>name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文本的左右页边距 marginheight:帧内文本的上下页边距 scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示; src:内嵌入文件的地址路径,既可是HTML文件,也可以是文本、ASP等 style:内嵌文档的样式(如设置文档背景等) allowtransparency:是否允许透明设置<iframe>标签内的页面的背景为透明<iframename="main"border=0frameborder=0style="Z-INDEX:2;VISIBILITY:inherit"width="100%"height="100%"scrolling="auto"frameborder="0"src=""border="0"allowTransparency="true"></iframe>注意加入的allowTransparency="true"再在src进来的页面的body中加入<bodystyle="BACKGROUND-COLOR:transparent"> Iframe虽然内嵌在另一个HTML文件中,但它保持相对的独立,是一个“独立王国“哟,在单一HTML中的特性同样适用于浮动帧中。试想