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元素淡出整个页面。

在新页面上，它会隐藏body，然后将其淡入。

事实上，你可以使用这样的事件监听器使其成为全局事物：

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

如果你想在页面加载后60秒开始这整件事，你可以这样做：

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

Answer 2

你考虑过制作面具吗？

创建一个div，在页面顶部放置css，宽度和高度与文档宽度和高度（或者您需要的宽度和高度）相匹配。然后就是淡入淡出。

jQuery重定向 - 淡出/淡化

2 个答案: