Question

我正在使用此S.O条款作为指导。我喜欢在页面加载时覆盖的this欢迎div然后淡出。我试图复制我自己的，但它只为每个用户执行一次该功能。

我的jQuery显然存在问题：

   $(function() {
        var showLoad = localStorage.getItem('showLoad');
            if (showLoad == null) {
                localStorage.setItem('showLoad ', 1);

                $('#load').show();
                    setTimeout(function(){
                        $('#load').addClass("loaded");
                    }, 3000);
            }
    });

这是第一次使用，但在此之后，#load div保持固定，没有setTimeout，正在应用addClass。网络存储听起来最适合这个。

CSS：

.loaded {
    opacity: 0;
    visibility: hidden  
}
#load {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: #000;
    color: #fff;
    transition: 500ms all
}
#load > p {
    top: 50%;
    width: 80%;
    margin: auto;
    position:absolute;
    text-align: center  
}

这是jsFiddle

Answer 1

它正在运作。您只需将display: none添加到CSS中的#load div，否则它将永远不会隐藏。

https://jsfiddle.net/2ag0bkr3/1/

重叠＆＃39;欢迎＆＃39;每个浏览器窗口每个用户只出现一次的DIV

1 个答案: