淡入淡出整个窗口 - 然后加载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();}); 
});