制作iframe fadein

Question

我想在访问者加载网站时立即制作我的iframe fadein：

我试过了：

<script type="text/javascript">
    $(document).ready(function () {
        $('#doneimg').fadeIn("normal");
    });
</script>

        <span style="display: none;" id="doneimg">
            <iframe src="http://om-p.com" width="90%" height="400" name="SELFHTML_in_a_box">
<p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
aufrufen: <a href="../../../index.htm">SELFHTML</a></p>
</iframe>
        </span>

但它不起作用！

感谢您的帮助

这是一个例子： http://jsfiddle.net/zfFXr/

我可以访问我正在淡入的页面！

Answer 1

以下似乎对我有用，jsFiddle此处

$(document).ready(function () {
  $('#doneimg').fadeIn(3000);
});

但是请注意，这只是在3秒内淡出，不等到iframe被加载。

Answer 2

通过克隆位置并添加更大的z-index，淡化并删除它，在iframe上创建一个绝对定位的覆盖层。

Answer 3

它正在消失。如果你将它设置为淡入淡出（“慢”），那么你会发现iframe本身正在缓慢淡入（即它的边界），但这不会影响页面内的页面加载iframe中。该页面淡入的代码必须在我认为的页面上。

Answer 4

您可以使用JQuery的.on（）函数来检测iframe何时完成加载。见这里：https://stackoverflow.com/a/30012/5287820