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. Quartz.Net—IJob特性

    IJob默认情况下是无状态的,和其他系统没有关系  特别是job里面的jobdata每次都是新的.可以无限扩展. PersistJobDataAfterExecution JobData持久化 Job ...

  2. 如何将生产环境的服务Docker镜像拉取到本地进行调试

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

  3. Nio学习笔记(大部分网上摘抄)

    Nio与IO的区别 原有的 IO 是面向流的.阻塞的,NIO 则是面向块的.非阻塞的. 1.IO流每次从流中读一个或多个字节,直至读完所有字节,他们没有被缓存在其他地方,并且,IO流不能移动流中的数据 ...

  4. Missing android.support.FILE_PROVIDER_PATHS meta-data 报错原因分析

    此类错误多半因为拼写错误导致.有StackOverflow上便有网友将"FILE_PROVIDER_PATHS"误写成"FILE_PROVIDE_PATHS"的 ...

  5. Golang的安装与环境配置（包括Go lint、Go imports、Go fmt）

    Golang安装 下载地址:https://studygolang.com/dl Go语言中文网 下载后安装,win10系统中会自动配置大部分设置,linux系统请参照网上教程 GO环境变量配置: $ ...

  6. Go语言学习笔记(9)——接口类型

    接口 Go 语言提供了另外一种数据类型即接口,它把所有的具有共性的方法定义在一起,任何其他类型只要实现了这些方法就是实现了这个接口. /* 定义接口 */ type interface_name in ...

  7. 海思SDK 与各芯片对照

    本文链接:https://blog.csdn.net/liuxizhen2009/article/details/84261221 海思SDK不对外开放. 海思35系列sdk Hi3507   Hi3 ...

  8. Linux下用命令来执行kettle文件资源库的文件ktr与kjb的方法

    转载地址: https://blog.csdn.net/zuolovefu/article/details/78083445 1. 准备工作 一个简单的job,一个简单的trans. trans:读取 ...

  9. VS.NET(C#-2.5)_简单例子（所有控件都转换成HTML控件）

    简单例子 UI设计视图  UI代码视图 <% @PageLanguage="C#" AutoEventWireup="true"CodeFile=&quo ...

  10. jquery.fileupload源码解读笔记

    基础编程风格 新建 test.html  和 test.js和 main.js和 无论哪种顺序 <body> <script src="/Sandeep/js/jquery ...