淡入淡出整個窗口 - 然後加載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();}); 
});