Question

目前，对于一个网站，我有index.html，about.html等。在index.html上加载了启动画面，但我不希望它在最初加载到主屏幕后再出现。（甚至从关于页面 - ＆gt;索引）

这是我的jquery：

$(document).ready(function() {
    if ($(".splash").is(":visible")) {
        $(".wrapper").css({"opacity":"0"});
    }

    $(".splash-arrow").click(function() {
        $(".splash").slideUp("800", function() {
            $(".wrapper").delay(100).animate({"opacity":"1.0"}, 800);
        });
    });
});

它与index.html相关联。有关如何解决此问题的任何建议吗？

Answer 1

如果您希望仅在用户首次访问index.html时才显示启动画面，则需要在某处存储该信息。通常，这是通过LocalStorage或Cookies完成的。对于后者，github上有一个很棒的库：

js-cookies

请记住，Cookie会随着您提出的每个请求被发送回服务器。

示例代码：

$(document).ready(function() {
    if (typeof Cookies.get("seen_splash") !== "undefined") {
        // Insert code to show the splash screen here
    }

    // Set the cookie for 365 days.
    $(".splash-arrow").on("click", function() {
        Cookies.set("seen_splash", true, { expires: 365 });
    });
});

初始加载后关闭启动画面

1 个答案: