我如何才能在单击时覆盖png以隐藏而不再显示



我在一个应用程序中有一个HTML页面,它有一个PNG图像,显示用户第一次打开页面时覆盖在内容上的指令。我使用jquery来隐藏点击时的PNG图像,这一切都很好。但是,每当用户退出页面并重新输入时,总会出现PNG。我有没有办法设置它,让它一旦被点击一次,在应用程序关闭并重新启动之前,就再也不会穿鞋了?我目前在HTML页面的头部有jquery。任何帮助都将不胜感激,因为我有点力不从心,我在其他应用程序上看到过类似的布局,但不确定它是否使用HTML和jquery。我的HTML代码是:

HTML:

<script>    
$(document).ready(function() {
    var overlay = $('#overlay');
    overlay.on('click', function (e) {
        overlay
            .hide()
            .off();
    });
});
</script>
<body>
<div id="overlay">
   <img src="InstructionsV15.png" height="475" width="300"/>
</div>
</body>

提前感谢您的帮助或建议。

尝试使用cookie来存储信息

最新更新