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. 如何将生产环境的服务Docker镜像拉取到本地进行调试

    背景 很多时候我们在将开发环境的代码推送到GitLab上面以后,我们在测试的时候发现了问题后无法通过现有的日志输出级别来定位问题,比如我们需要看EFCore生成的SQL语句,在生产环境我们是不可能输出 ...

  2. STL源码剖析——空间配置器Allocator#1 构造与析构

    以STL的运用角度而言,空间配置器是最不需要介绍的东西,因为它扮演的是幕后的角色,隐藏在一切容器的背后默默工作.但以STL的实现角度而言,最应该首先介绍的就是空间配置器,因为这是这是容器展开一切运作的 ...

  3. Shell之监控cpu、内存、磁盘脚本

    #!/bin/bash #获取内存情况 mem_total=`free | awk 'NR==2{print $2}'` #获取内存总大小 mem_use=`free | awk 'NR==2{pri ...

  4. linux终端提示符修改

    Linux主机名莫名其妙的由@myhostname变成了@bogon了之后 1.在linux下添加一个127.0.0.2名叫bogon的主机此方法使用后,bogon主机名得以解析,使用的主机名仍为bo ...

  5. wc 指令

    统计文件的行数, 字符数, 字节数. wc 命令的功能相对简单,参数也较少,但是是统计文本行数,字符数的利器.具体的参数和用法如下 语法 wc [OPTION]... [FILE]... wc [OP ...

  6. Scratch（四）舞台区详解

    在Scratch里面,所有的表现结果都在“舞台区”呈现,前面我们学习的“石头剪刀布”游戏,也是在“舞台区”完成的. 舞台区是非常重要的区域,所以我们今天单独用一个章节来详细说说这个舞台. 既然是一个舞 ...

  7. PB笔记之窗口之间传递多参数的方法

    messageboxex("警告","确定要把删除房间["+ls_id+"]吗?",question!,yesno!)<>1 t ...

  8. IDEA好用插件推荐

    Maven Helper:排查maven依赖冲突神器,强力推荐! Alibaba Java Coding Guidelines:阿里巴巴编程规范 CamelCase:驼峰命名工具,SHIFT + AL ...

  9. [Luogu5327][ZJOI2019]语言(树上差分+线段树合并)

    首先可以想到对每个点统计出所有经过它的链的并所包含的点数,然后可以直接得到答案.根据实现不同有下面几种方法.三个log:假如对每个点都存下经过它的链并S[x],那么每新加一条路径进来的时候,相当于在路 ...

  10. 每周分享五个 PyCharm 使用技巧（三）

    文章首发于 微信公众号:Python编程时光 PyCharm 是大多数 Python 开发者的首选 IDE,每天我们都在上面敲着熟悉的代码,写出一个又一个奇妙的功能. 一个每天都在使用的工具,如果能掌 ...