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

fade对点击时使用jQuery的HTML文件效果

1 个答案: