javascript - ウィンドウ全体をフェード - 次に URL をロードしますか?

Question

ユーザーがリンクをクリックすると、ウィンドウ全体がフェードアウトし (ウィンドウ全体を覆う div が黒くフェードアウトする可能性があります)、「グーグル'。

例えば：

ユーザーが「ここ」をクリックすると、ウィンドウ全体が不透明度 0% から黒の不透明度 100% にフェードします。次に、リンク ... google を読み込みます。

どうすればこれを達成できるのでしょうか？

ありがとう

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();});
});