對於使用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" 
    }) 
}); 

數1000代表效果將持續

和要淡出的毫秒數，將其添加到正在加載的頁面，以便在文檔準備就緒後生效（例如，在index2.html中：

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