javascript - 淡出整个窗口 - 然后加载 URL？

Question

我想知道当用户单击链接时是否有可能淡出我的整个窗口（所以可能是覆盖整个窗口的 div 将其淡化为黑色），然后加载外部 URL，例如'谷歌'。

例如：

用户单击“此处”，整个窗口从 0% 的不透明度变为 100% 的黑色不透明度。然后，加载链接......谷歌。

任何想法我将如何能够实现这一目标？

谢谢

Answer 1

只需为您的身体设置动画，然后在“完成动画”回调中更新窗口的位置。

$("body").animate({ opacity: 0, backgroundColor: '#000' }, function() {
  window.location = "http://google.com"
})

Answer 2

我认为您可以通过在单击功能上淡出正文元素来实现这一点，如下所示：

<a href="www.google.com" id="hyper"></a>

$("#hyper").click(function(){ 
    $('body').fadeOut('slow',function(){$(this).remove();});
});