javascript - 通过用户操作使用 cookie 隐藏 DIV，以防单击关闭按钮或弹出图像

Question

我的右下角有一个弹出窗口，可以向下滚动页面，但是要关闭弹出窗口或单击弹出窗口，我希望浏览器记住用户单击操作并且不显示更多弹出窗口至少要通过cookies同样退出浏览器，请有人帮助我？请参阅下面的代码:

<style>
.popup-lateral{
  width:302px;
  height:0;
  z-index:999;
  position:fixed;
  bottom:0;
  right:60px;
  background:transparent url('popup-bl-pro.png') no-repeat top center;
}

.popup-lateral .link{
  width:293px;
  height:192px;
  position:absolute;
  top:8px;
  left:0;
  z-index:1;
}

.popup-lateral .fechar{
  width:30px;
  height:30px;
  position:absolute;
  top:2px;
  right:0;
  z-index:2;
}
</style>

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>
$(document).ready(function(){
  $("#fechar-popup").click(function(){
     $("#popup-lateral").hide();
  });
});
</script>

<div style="height:2000px;background:#EEE">teste
</div>

<div id="popup-lateral">
        <div class="popup-lateral" style="height: 203px;">
            <a class="fechar" id="fechar-popup" href="javascript:void(0);" title="Fechar"></a>
            <a class="link" href="/bl/bl.html"></a>
        </div>
    </div>

Answer 1

您的答案在这里:http://www.w3schools.com/js/js_cookies.asp

在用户帐户上设置 cookie检查加载页面时设置的 cookie