iframe--浮动窗口

在上一篇文章中我们说到,frameset框架在使用时,该页面不允许出现body和body体。但有时我们需要在一个含有体的页面嵌入另外一个页面,形成画中画的效果,怎么处理?这时我们就用到iframe元素(浮动窗口)

接下来我们就以一个案例为例,介绍iframe是怎样使用的。

首先先看一下最后的效果图:

iframe--浮动窗口_第1张图片

从这个图中我们可以看出:网页主体含有一行文字和一个嵌入的框架,并且在该嵌入的框架中显示百度的主页。那么这种效果是怎样做出来的呢,下面上代码。

    这是一个浮动窗口     这是一个浮动窗口案例
    

效果图:

点击前:

iframe--浮动窗口_第2张图片

点击后:

iframe--浮动窗口_第3张图片

这样,就可以实现在body内嵌入另一个页面了,并且可以利用超链接,在点击超链接后,可以将页面替换掉。当然一个网页中也可以实现多个框架共存,只要多写几个就可以了。

你可能感兴趣的:(HTML)