CSS
iframe {
display: none;
}
JS
$('iframe').load(function() {
$('iframe').fadeIn('slow');
});
HTML
<a href="http://example.com" target="ifrm">external link</a>
<iframe name="ifrm"></iframe>
以上适用于IE和Chrome,但是当我在Firefox中试用时,iframe永远不会显示。任何解决方法?
答案 0 :(得分:0)
将其包裹在div中,然后将其淡入。
<a href="http://example.com" target="ifrm">external link</a>
<div id="iframeContainer" style="display:none;">
<iframe name="ifrm"></iframe>
</div>
$(function() {
$('iframe').load(function() {
$('#iframeContainer').fadeIn('fast');
});
})