如何为HTML5 iFrame制作一些加载文本

时间:2016-03-21 12:25:45

标签: html5 iframe

我有一个像这样定义的iFrame对象:

<iframe src="iFrame SRC" frameborder="0" width="160" height="200" scrolling="no" longdesc="longdesc URL">
</iframe>

现在这个框架花费了很长时间才能加载,是否可以制作一个简单的加载文本Loading frame...,并且当框架出现时文本会消失?我尝试将文本放在框架定义的正上方,如下所示:

Loading...
<iframe ...>
</iframe>

它确实保持在框架的顶部,但永远不会消失。你如何为iframe添加加载文本?

2 个答案:

答案 0 :(得分:0)

您可以将iFrame包装在带有用于加载背景图像的类的DIV中。

<div class="iframe-loading">
   <iframe src="iFrame SRC" frameborder="0" width="160" height="200"  scrolling="no" longdesc="longdesc URL">
   </iframe>
</div>


 .iframe-loading {
  background:url(../images/loading.gif);
 }

答案 1 :(得分:0)

很久以前我曾经这样做过:

<iframe src="iFrame" etc. ...>  
Loading frame...
</iframe>