如何实现iframe的显示和隐藏

最新推荐文章于 2024-04-30 14:16:17 发布

newger

最新推荐文章于 2024-04-30 14:16:17 发布

阅读量7.9k

点赞数 2

分类专栏：前端技术

本文链接：https://blog.csdn.net/newger/article/details/8575591

版权

前端技术专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<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  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  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>