Question

我想立即在屏幕上显示一个图像，然后逐渐淡出并显示一个网页，使其显示为淡入网页。出于某种原因，我得到了奇怪的结果我不是jQuery的专家，但我觉得我可能接近我想要的。这是fiddle

$(".splash").delay(2000).fadeOut(2000, function() {
    $( "#result" ).load( "http://google.com" ).fadeIn(2000);
});

基本上它应该显示猫2秒，然后淡入谷歌网站。

Answer 1

您可以像这样执行此iFrame或对象标记：

$(".splash").delay(2000).fadeOut(2000, function() {
    $( "#result" ).html('<object data="http://tired.com/">').fadeIn(2000);
});

结果： http://jsfiddle.net/G2RhJ/3/

Answer 2

由于JavaScript的同源政策，您无法使用.load加载外部网址。有关详细信息，请查看this链接。
对于您的代码，如果您尝试使用某个本地网址，这应该可以。

$（＆＃34; .splash＆＃34;）。fadeOut（2000，function（）{ $（＆＃34;＃results＆＃34;）。load（＆＃34; /localpage.html"）; }）;

Answer 3

我认为你不能使用div标签显示另一个网站，甚至不使用jQuery; - ）

另一点是load（）函数适用于本地URL，如＆＃34; dir / script.php＆＃34;仅

据我所知，实现任务的唯一方法是使用frame / iframe。它已在这里完成： How do I load an url in iframe with Jquery

也许这适合你（未经测试）：

<div id="imageContainer">
<img class="splash" src="http://placekitten.com/1920/1080">
</div>
<div id="mydiv"><iframe id="frame" src="" width="100%" height="300">
</iframe></div>

$(".splash").delay(2000).fadeOut(2000, function() {
$("#frame").attr("src", "http://www.google.com").fadeIn(2000);
});

使用jQuery将图像淡入网站

3 个答案: