当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

Iframe的隐藏与显示

Iframe的隐藏与显示

更新时间:2019-06-05 文章作者:未知 信息来源:网络 阅读次数:


在<body>...</body>之间加入下列代码:
<div id="bodyframe" style="VISIBILITY: hidden">
<IFRAME frameBorder=1 id=heads src="framepage.htm" style="HEIGHT: 200px; LEFT: 220px; POSITION: absolute; TOP: 200px; WIDTH: 500px">
</IFRAME>
</div>
<div onclick="document.all.bodyframe.style.visibility='visible'" style="background-color: red; cursor: hand; height: 22; left: 300; position: absolute; top: 137; width: 74; z-index: 1">
<font color="#ffffff">显示iFrame</font></p>
</div>
<div onclick="document.all.bodyframe.style.visibility='hidden'" style="background-color: red; cursor: hand; height: 22; left: 400; position: absolute; top: 137; width: 74; z-index: 1">
<font color="#ffffff">隐藏iFrame</font>
</div>

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html