Question

我使用jquery为index.html文件创建了一个网站介绍。我连续“淡化”和“淡出”一些.jpg图像。因此，在此结束后，我想加载一个html文件，它将成为“主页”，浏览器网址将从“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>

我该如何改变？

Answer 1

只需在最终的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";
        });    
    });
  });

如果您有任何问题，请与我们联系。

简短介绍后的JQuery-display home.html

1 个答案: