Question

我提到this thread获取透明div以显示在网站内容之上，并在点击它时消失...

然而，当有人访问网站内的某个页面并点击主页按钮时，他们会再次显示透明div ... 有没有办法让div只出现一次，并且在它们关闭后不再出现？

Answer 1

最好的方法是设置一个cookie。通过这种方式，您可以永久隐藏它，或者在指定的时间内隐藏它。

document.cookie = "transparentdivShow = false";

现在您可以检查此Cookie是否存在，如果存在，则不要显示div：

if(document.cookie.indexOf("transparentDivShow") >= 0) {
    return true; // Don't show it
} else {
    return false; // Show the div
}

Answer 2

如上所述，您可以使用cookie。或者，您可以使用HTML5本地存储！本地存储允许数据本地存储在用户的浏览器中。

在这种情况下，你可以使用clickcounter来计算clickcounter是否大于1.如果它大于1，给div一个隐藏的属性或者只是去除它。

if (sessionStorage.clickcounter) {
 <div hidden> You can't see me. I'm invisible. </div>
} else {
 sessionStorage.clickcounter = 1;
 <div visible> Hi! I'm not transparent. </div>
}

我希望这会有所帮助。这是一个包含更多相关信息的页面！ http://www.w3schools.com/html/html5_webstorage.asp

覆盖透明div一次点击

2 个答案: