jquery.cookie广告弹窗点击关闭后一天弹一次

jquery.cookie广告弹窗点击关闭后一天弹一次

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>简单利用jquery.cookie插件使弹窗点击关闭后一天弹一次</title>
    <style type="text/css">
        *{
            margin:0;
            padding:0;
        }
        
        .alert_windows{
            display:none;
            position:absolute;
            z-index:10;
            width:400px;
            height:300px;
            background:#566F93;
        }
        
        .alert_windows span{
            float:right;
            width:30px;
            height:30px;
            text-align:center;
            font:15px/30px Microsoft Yahei;
            cursor:pointer;
            color:#333;
            background:lightblue;
        }
        
        .alert_windows span:hover{
            color:#EEE;
            background:red;
        }
    </style>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(function(){
            if($.cookie("isClose") != 'yes'){
                var winWid = $(window).width()/2 - $('.alert_windows').width()/2;
                var winHig = $(window).height()/2 - $('.alert_windows').height()/2;
                $(".alert_windows").css({"left":winWid,"top":-winHig*2});    //自上而下
                $(".alert_windows").show();
                $(".alert_windows").animate({"left":winWid,"top":winHig},1000);
                $(".alert_windows span").click(function(){
                    $(this).parent().fadeOut(500);
                    $.cookie("isClose",'yes',{ expires:1/8640});    //测试十秒
                    //$.cookie("isClose",'yes',{ expires:1});        一天
                });
            }
        });
    </script>
</head>

<body>
    
    <div style="font-size:24px;360px;margin:40px auto;">提示:一天弹一次,关闭了就没了</div>
    
    <div class="alert_windows">
        <span>X</span>
    </div>
</body>
</html>
jquery.cookie.js
/*jquery.cookie start*/
jQuery.cookie = function(name, value, options) { 
      if (typeof value != 'undefined') { 
                options = options || {}; 
                if (value === null) { 
                          value = ''; 
                          options = $.extend({}, options); 
                          options.expires = -1; 
                } 
                var expires = ''; 
                if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) { 
                          var date; 
                          if (typeof options.expires == 'number') { 
                                    date = new Date(); 
                                    date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));     //这里改时间,单位毫秒,默认为1天。
                          } else { 
                                    date = options.expires; 
                          } 
                          expires = '; expires=' + date.toUTCString(); 
                } 
                var path = options.path ? '; path=' + (options.path) : ''; 
                var domain = options.domain ? '; domain=' + (options.domain) : ''; 
                var secure = options.secure ? '; secure' : ''; 
                document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join(''); 
      } else { 
                var cookieValue = null; 
                if (document.cookie && document.cookie != '') { 
                          var cookies = document.cookie.split(';'); 
                          for (var i = 0; i < cookies.length; i++) { 
                                    var cookie = jQuery.trim(cookies[i]); 
                                    if (cookie.substring(0, name.length + 1) == (name + '=')) { 
                                              cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); 
                                              break; 
                                    } 
                          } 
                } 
                return cookieValue; 
      } 
}; 
/* jquery.cookie end */
原文地址:https://www.cnblogs.com/li-sir/p/7766742.html