jQuery 重定向 - 淡出/淡入

Question

我正在 jQuery 中编写重定向脚本。这是到目前为止我的脚本；

$(document).ready(function(){
  setTimeout(function() {
   window.location.href = "http://test.example.com/;"
  }, 5000);
});

这个脚本将在 5 秒后按照我的意愿重定向。我想做的是在重定向之前淡出页面，然后淡入新文档。这可以做到吗？

感谢您的帮助!

Answer 1

你可以做这样的事情

 $(function(){
    $("body").fadeOut(1000,function(){
       window.location.href = "http://test.example.com/;"
    })
 });

在新页面上只需写:

 $(function(){
    $("body").hide();
    $("body").fadeIn(1000);
 })

这将通过 body 元素淡出整个页面。

在您的新页面上，它最初会隐藏正文，然后淡入。

事实上，您可以使用如下事件监听器将其设为全局事件:

 $(window).bind('unload', function(){
   ....
 });

如果您希望整个事情在页面加载后 60 秒开始，您可以这样做:

 $(function(){
    setTimeout(function(){
        $("body").fadeOut(1000,function(){
           window.location.href = "http://test.example.com/;"
        })
    },60000)
 });