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. 015 Android md5密码加密及其工具类

    1.md5加密介绍 MD5算法是广泛使用的杂凑函数,也就是哈希函数,英文全拼是:Message Digest Algorithm,对应的中文名字是消息摘要算法. MD5加密:将字符串转换成 32位的字 ...

  2. 通俗理解TCP的三次握手

    三次握手流程的本质,可以这么理解:TCP的三次握手其实是双方各一次握手,各一次确认,只是其中一次握手和确认合并在一起. 当然也可以更通俗的去理解: "喂,你听得到吗?" " ...

  3. 《The Google File System》 笔记

    <The Google File System> 笔记 一.Introduction 错误是不可避免的,应当看做正常的部分而不是异常.因此需要设计持续监控,错误检查,容错,自动恢复的系统. ...

  4. littleFS在RT1052移植笔记

    环境:rt1052单片机+16G tf卡 为什么使用littleFS? NXP官方SDK支持! 先进的损耗平衡功能(wear leveling)可提供最长的快闪及内存寿命及最大的使用量.因为FALSH ...

  5. X86驱动：恢复SSDT内核钩子

    SSDT 中文名称为系统服务描述符表,该表的作用是将Ring3应用层与Ring0内核层,两者的API函数连接起来,起到承上启下的作用,SSDT并不仅仅只包含一个庞大的地址索引表,它还包含着一些其它有用 ...

  6. 对称加密，非对称加密，数字签名，https

    对称加密和非对称加密 对称加密 概念:加密秘钥和解密秘钥使用相同的秘钥(即加密和解密都必须使用同一个秘钥) 特点:一对一的双向保密通信(每一方既可用该秘钥加密,也可用该秘钥解密,非对称加密是多对一的单 ...

  7. Docker 镜像 && 容器的基本操作

    镜像 && 容器 docker 镜像好比操作系统的镜像(iso) docker 容器好比是已安装运行的操作系统 所以说 docker 镜像文件运行起来之后,就是我们所说的 docker ...

  8. 关于iview下拉菜单无法添加点击事件的解决办法

    效果如下图所示,点击下拉菜单,点击退出,然后跳到登录界面 代码如下: <Dropdown trigger="click" style="margin-left: 2 ...

  9. Java 之 ObjectInputStream 类

    ObjectInputStream 类 1.概述 java.io.ObjectInputStream extends InputStream ObjectInputStream 反序列化流,将之前使用 ...

  10. 【已解决】老型号电脑需要按F1键才能进入系统

    [已解决]老型号电脑需要按F1键才能进入系统 本文作者:天析 作者邮箱:2200475850@qq.com 发布时间: Tue, 16 Jul 2019 20:49:00 +0800 问题描述:电脑因 ...