iframe框架的用法

关键字:web应用;Iframe框架;Iframe


<iframe>是框架的一种形式,也比较常用到。

例子1。


<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>


不用多说了。


width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);frameborder    边框大小;


注意:URL建议用绝对路径


<iframe width=0 height=0 frameborder=0 scrolling=auto src=http://www.
zhangtao .org.cn></iframe>


例子2。


如果一个页面里面有框架。。随便点页面里的连接,要求在这个<iframe> 里打开。在iframe 中加入name=** (**自己设定)


<iframe name=**    ></iframe>


然后在修改默认打开模式,:网页HEAD中加上<a href=URL target=**>或部分连接的目标框架设为(**)


例子3。


要插入一个页面。要求只拿中间一部分。其他的都不要。,。。


代码:


<iframe name=123    align=middle marginwidth=0 marginheight=0 vspace=-170 hspace=0 src="www.
zhangtao .org.cn"    frameborder=no scrolling=no    width=776    height=2500></iframe>

控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0;控制框架覆盖上部分的深度 vspace=-170


scrolling滚动条要否(auto、yes、no)     frameborder框架的边框大小,width=776    height=2500此框架的大小。


一、页面内加入iframe


<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>,

scrolling表示是否显示页面滚动条,可选的参数为auto、yes、no,如果省略这个参数,则默认为auto。

二、超链接指向这个嵌入的网页,只要给这个iframe命名就可以了。方法是<iframe name=**>,例如我命名为aa,写入这句HTML语言<iframe width=420 height=330 name=aa frameborder=0 src=http://www.cctv.com></iframe>,然后,网页上的超链接语句应该写为:< a    href=URL target=aa>


三、如果把frameborder设为1,效果就像文本框一样


透明的IFRAME的用法


必需IE5.5以上版本才支持


在transparentBody.htm文件的<body>标签中,我已经加入了style="background- color=transparent" (即出现<body style='background:transparent'>然后正常调用就可以了) 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:


<IFRAME ID="Frame1" SRC="transparentBody.htm" allowTransparency="true"></IFRAME>


<IFRAME ID="Frame2" SRC="transparentBody.htm" allowTransparency="true" STYLE="background-color: green"> </IFRAME>


<IFRAME ID="Frame3" SRC="transparentBody.htm"></IFRAME>


<IFRAME ID="Frame4" SRC="transparentBody.htm" STYLE="background-color: green"> </IFRAME>





iframe网页背景变成透明的办法-可以把iframe中的网页的背景设置为透明

1、a.htm
<iframe src="b.htm" allowtransparency="true"></iframe>

2、b.htm

<BODY STYLE="background-color:transparent">

CSS样式表里面的阿尔法通道


在</head>之前一行插入

<style type=\"text/css\">
.tabbg{filter:alpha(opacity=透明度);}
</style>
透明度数值1~100之间

然后有背景的表格<table ....>添加<table ..... class=tabbg>即可,注意这个做法是整个表格包括文字也有想同透明度,如果只是要背景图片透明则需要将表格和图片放到不同层里面互不干扰才行。



网址http://zhaohuo.icgoo.net/ 采用了iframe技术,并且做了css处理,页面更合理

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值