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

在您的新页面上,它将首先隐藏body然后将其淡入.

事实上,你可以使用这样的事件监听器使这成为一个全局事物:

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

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

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