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;width: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 */

jquery.cookie广告弹窗点击关闭后一天弹一次的更多相关文章

  1. jQuery实现广告弹窗

    首先设置一个固定的窗口位于右下角,效果如下: 代码: jQuery实现广告弹窗.html 之后将该窗口初始设为隐藏,通过代码实现3秒自动显示,5秒自动隐藏,其效果如下: <!DOCTYPE ht ...

  2. 关于KB905474正版验证补丁破解办法 KB905474是个微软操作系统正版/盗版监测间谍软件。更新安装后，右下角有个提示说“系统监测到你的操作系统是盗版”。 如果没有安装的： 在系统提示更新的时候注意看一下，如果包含有“更新KB905474”就去掉“更新KB905474”方框前的勾，点击关闭（注意如果没有去掉那个勾得话，会找不到“关闭”，而是“确定”），在不在提示我该消息前打勾。 如果已经安装

    关于KB905474正版验证补丁破解办法 KB905474是个微软操作系统正版/盗版监测间谍软件.更新安装后,右下角有个提示说“系统监测到你的操作系统是盗版”. 如果没有安装的: 在系统提示更新的时候 ...

  3. eclipse新建安卓项目点击finish后窗口无法关闭

    eclipse新建安卓项目点击finish后窗口不会自动关闭,而且工程会有很多报错: 如图,这个页面点击finish一直无法关闭,后来试了试,才发现是因为新建项目的第一个页面的sdk版本的问题: 这里 ...

  4. 微信WebView关闭后本地cookie无法清除问题

    问题背景 在微信WebView下的页面中登录后,关闭WebView返回后再次进入页面,发现登录态还存在,原因是微信不会主动清除cookie以及其他的缓存. 期望是关闭窗口后会清除cookie,重新进入 ...

  5. alert弹出窗口，点击确认后关闭页面

    alert("点击确认后,关闭页面"); window.opener=null;window.top.open('','_self','');window.close(this);

  6. JQuery 当点击input后，单选多选的选中状态

    1.当点击input元素,此元素的选中checked的值 = 此元素此时表现的选中与否的状态. eg:input元素开始是未选中,点击后表现的是选中状态,此元素的checked为true(和此元素开始 ...

  7. 原生JS实现各种经典网页特效——Banner图滚动、选项卡切换、广告弹窗等

    在制作网页过程中,我们可能会遇到各种常用的经典网页特效,比如Banner图片滚动.选项卡循环播放.右下角广告弹窗.评论提交展示.选项动态增删.剪刀石头布小游戏等等等...是不是感觉都见到过这些场景.那 ...

  8. jquery.cookie的使用

    今天想到了要为自己的影像日记增加赞的功能,并且需要用到cookie. 记得原生的js操作cookie也不是很麻烦的,但似乎jquery更简单,不过相比原生js,需要额外引入2个文件,似乎又不是很好,但 ...

  9. 详解 Cookie 纪要（vue.cookie，jquery.cookie简化）

    今天看到一篇cookie的文章,写的特别详细,感谢 晚晴幽草轩 的分享,原文链接http://www.jeffjade.com/2016/10/31/115-summary-of-cookie/ 原文 ...

随机推荐

  1. 关于wireshark的过滤器规则学习小结

    关于wireshark的过滤器规则学习小结 [前言] 这两天一直在熟悉wireshark的过滤器语法规则,以前也接触过这个工具,但只是学校老师教的如何去选择一个接口进行抓取,以及如何去分析一个包的数据 ...

  2. Django出错Xadmin后台报list index out of range

    input_html = [ht for ht in super(AdminSplitDateTime, self).render(name, value, attrs).split('/>&l ...

  3. 理解javascript中的立即执行函数(function(){})()（转）

    原文:https://www.cnblogs.com/yanzp/p/6371292.html

  4. 在论坛中出现的比较难的sql问题：13(循环替换问题 过滤各种标点符号)

    原文:在论坛中出现的比较难的sql问题:13(循环替换问题 过滤各种标点符号) 所以,觉得有必要记录下来,这样以后再次碰到这类问题,也能从中获取解答的思路. 去掉一个字段中的标点符号的SQL语句怎么写 ...

  5. 使用Harbor搭建Docker私有镜像仓库

    Harbor介绍:https://goharbor.io/ 前置条件 需要安装了docker和docker-compose 下载Harbor 在harbor下载页(https://github.com ...

  6. 在Eclipse配置Tomcat服务器+JSP实例创建

    欢迎任何形式的转载,但请务必注明出处. 1.jdk安装及环境配置 点击进入教程 2.Eclipse安装 点击进入官网下载 注意下载完成打开.exe后,出现的界面,有很多版本供选择.选择下图版本 3.T ...

  7. 前端编译原理 笔记 -- BISON

    前面总结的差不多了,这边记录下,零碎的相关阅读可以备忘的一些知识点 Bsion文档,下面是中文的地址  https://blog.csdn.net/chinamming/article/details ...

  8. FreeRTOS 基础简介

    为什么选择FreeRTOS UCOS资料多,尤其是中文资料.FreeRTOS资料少,而且大多数是英文的.原因如下: 1.FreeRTOS免费!UCOS收费.这是主要原因 2.很多半导体厂商,采用Fre ...

  9. Linux挂载Windows文件夹

    # sudo mount -t \ -o user=username \ //Windows用户名 -o uid=myname \ //Linux用户名 -o gid=users \ -o defau ...

  10. iOS自动布局学习（UIView+AutoLayout）

    自动布局虽然在iOS6的时候已经推出,不过由于各个原因并没有被开发组广泛使用.一方面是大家的app支持版本都是低于iOS6的,另一方面来说是Xcode支持木有现在这么好.以前由于iPhone设备相对固 ...