0

我使用 jquery 在 index.html 文件中创建了一个网站介绍。我连续“淡入”和“淡出”一些 .jpg 图像。因此，在此结束后，我想加载一个 html 文件，该文件将成为“主页”，浏览器 url 将从“www.blabla.com”更改为“www.blabla.com/home.html”，如果用户刷新浏览器它不会再次播放介绍，只是出现“www.blabla.com/home.html”。我使用您在下面看到的代码在介绍结束后加载 home.html，但它似乎从页面后面的开头出现，如果刷新页面介绍再次播放。

        <script type="text/javascript">
    $(function() { 
                    $( document ).ready(function() {
            $("#image1").delay(0000).fadeIn("slow").delay(3000).fadeOut("slow");    
        });
                    $( document ).ready(function() {
            $("#image2").delay(3000).fadeIn("slow").delay(3000).fadeOut("slow");    
        });
        $( document ).ready(function() {
            $("#image3").delay(6000).fadeIn("slow").delay(3000).fadeOut("slow");    
        });
         $( document ).ready(function() {
            $("#home").delay(10000).fadeIn("slow").load('home.html');       
        });
      });


 <div id="intro>
        <div id="image1"></div>
        <div id="image2"></div>
        <div id="image3"></div>  
     </div>
     <div id=main></div>

我怎样才能改变这个？

4

1 回答 1

2

只需在最终的 fadeOut 中添加一个回调函数并使用纯 Javascript 将浏览器重定向到 home.html。只需确保该页面确实存在即可。

我还简化了您的代码，因为其中不需要所有文档就绪位$(function(){ ... });

$(function() {
        $("#image1").delay(0000).fadeIn("slow").delay(3000).fadeOut("slow");
        $("#image2").delay(3000).fadeIn("slow").delay(3000).fadeOut("slow");
        $("#image3").delay(6000).fadeIn("slow").delay(3000).fadeOut("slow", function() {
             window.location.href = "home.html";
        });    
    });
  });

如果您有任何问题，请告诉我。

于 2013-11-10T20:47:27.543 回答