クリックするとjQueryを使用したHTMLファイルのフェードイン効果

Question

リンクをクリックするとフェード効果を追加しようとしています。私はこのプロジェクトのために持っている別のHTMLファイルにリンクします。 fadeIn（）を使用してwindow.locationをフェードインすることは可能ですか？ここで

は私のコードです：

$("button1").on("click", function() { 
    window.location.replace("index2.html"); 
}); 

$(".button2").on("click", function() { 
    window.location.replace("index3.html"); 
}); 

$(".button3").on("click", function() { 
    window.location.replace("index1.html"); 
}); 

Answer 1

あなたはこのように試みることができる：

$("button1").on("click", function() { 
    $("body").fadeOut(1000,function(){ 
      window.location.href = "index2.html" 
    }) 
}); 

は数千エフェクトフェードアウトが

を最後にしたいミリ秒数を表し、これがドキュメントが準備ができているときに効果を得るために読み込んでいるページに追加します（たとえば、index2.html：

$(function(){ 
     $("body").hide(); 
     $("body").fadeIn(1000); 
})