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

Question

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

EG：

用户点击“此处”，整个窗口从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();});
});