覆盖透明div一次点击

时间:2016-01-28 19:01:31

标签: javascript html css transparent clickable

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

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

2 个答案:

答案 0 :(得分:0)

最好的方法是设置一个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
}

答案 1 :(得分:0)

如上所述,您可以使用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