网站广告弹出层(每天弹出一次)

可以有两种做法

一、是标识符存入数据库

二、利用Jquery.cookie

我这里做的是比较简单的用到的知识是Jquery.cookie,

这里要注意的一点是jquery.cookie的值 火狐能够获取,IE,360,谷歌不能直接获取到值,所以测试的时候最好用FF,你只需要把代码放到服务器上其它浏览器就可以完美生效了呢。

HTML 代码如下,亲测。

=======================================================================================

/*全局广告样式Start*/

#globalAd{ width:600px; height:400px; overflow:hidden;position:fixed;display:none;margin:0 auto;z-index:10001}

.layer{width:100%; height:100%;  position:fixed; top:0px;left:0px;filter:alpha(opacity=50);opacity:0.5;background:#000;z-index:1000;display:none}

.globalContent{width:600px; height:400px;}

.globalContent img{max-width: 600px;height: 400px;}

.closeIco{width:400px;height:50px;margin-left: 20px;position: absolute;left: 345px;cursor:pointer;background:url("http://pics.rebatesme.com/newrm/images/cha.png") no-repeat scroll 190px 0;}

/*全局广告样式End*/

/*全局广告开始*/

//=================================================================jquery.cookie Start=======================================

jQuery.cookie = function(name, value, options) {

if (typeof value != 'undefined') { // name and value given, set cookie

options = options || {};

if (value === null) {

value = '';

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();

var totalTime = 24*3600;

/*var totalTime=(1440-79)*60;*/

var hour=date.getHours();

var minutes=date.getMinutes();

var seconds=date.getSeconds();

var pastTime=3600*hour + 60*minutes + seconds;

var leftTime=totalTime-pastTime;

date.setTime(date.getTime() + (options.expires * leftTime * 1000));

} else {

date = options.expires;

}

expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE

}

// CAUTION: Needed to parenthesize options.path and options.domain

// in the following expressions, otherwise they evaluate to undefined

// in the packed version for some reason...

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 { // only name given, get cookie

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]);

// Does this cookie string begin with the name we want?

if (cookie.substring(0, name.length + 1) == (name + '=')) {

cookieValue = decodeURIComponent(cookie.substring(name.length + 1));

break;

}

}

}

return cookieValue;

}

};

//================================================================jquery.cookie End===========================================================================

$(function() {

//Set the popup window to center

var COOKIE_NAME = "erdangjiade";

if($.cookie(COOKIE_NAME)){

$(".layer").hide();

$("#globalAd").hide();

}else{

var erdangjiadeH = $(window).height();

var erdangjiadeW = $(window).width();

$(".layer").show();

$("#globalAd").css({'top': erdangjiadeH/2-$("#globalAd").height()/2,'left': erdangjiadeW/2-$("#globalAd").width()/2 });

$("#globalAd").slideDown(300, function() {

setTimeout("closeGloableAd()", '300000');

});

$.cookie(COOKIE_NAME,"erdangjiade", {path: '/', expires: 1});

}

});

//关闭全局广告方法

function closeGlobalAd(){

$('#globalAd').hide();

$('.layer').hide();

}

//跳转广告方法

function redirectUrlToActive(){

$('#globalAd').hide();

$('.layer').hide();

}

/*全局广告结束*/

=========================================================================

php弹窗一次,网站广告弹出层(每天弹出一次)相关推荐

  1. 个人中心 (二) 01-编辑资料-基础布局-Popup弹出层-底部弹出-头像男女时间 DatetimePicker时间选择转换-dayjs(value).format('YYYY-MM-DD')

    个人中心-编辑资料-基础布局-Popup 弹出层-底部弹出模式-头像-男女-时间 & DatetimePicker 时间选择-年月日模式 & dayjs(value) 转换成日期对象, ...

  2. uni-app中同一个页面如何设置多个弹出层(弹框)

    uni-app前端项目开发中,在使用uni-popup弹出层组件时,通常同一个页面要用到多个弹出层.提示窗口.提示框等等.那么怎么样注册多个弹出层而不冲突呢? 下面我以注册两个弹出层为例来说一下,注册 ...

  3. layui弹出层html,layui-弹出层

    1. //弹框中的表单 用户名 复选框 2. layui.use('layer', function(){var layer =layui.layer; layer.open({ title: ['t ...

  4. 解决 layui 弹出层(弹框)一闪而过就消失的问题 (转载)

    问题解决 转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层, ...

  5. html 5 桌面弹窗,HTML5+CSS3+jQuery实现弹出层

    我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式.甚至js方法调用.我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC ...

  6. html5相对父元素定位,layer弹出层设置相对父级元素定位

    layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加 ...

  7. layui 传递前端请求_layui弹出层如何传值?

    layui弹出层如何传值?下面本篇文章给大家介绍一下layui弹窗间的传值(layui弹出层传值)(窗口传值).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 主要有两部分从主窗口传 ...

  8. jQuery引起的用layer弹出层上传文件不能获取文件名的解决(thinkphp5)

    一.问题 在用thinkphp5做到用layer弹出层上传文件过程中,一直不能成功.详细代码如下: HTML代码: <div id="importBox" v-show=&q ...

  9. layui弹出层html,layer弹出层

    layer 弹出层,怎么只让他弹出一次.在线等 我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中.这是组件不完美的地方,他设置了top和left值,而且是固定的.这种弹出层都是绝对定位的 所 ...

最新文章

  1. SVO学习笔记(一)
  2. Bi-level error correction for PacBio long reads. PacBio长读数的两级纠错
  3. NopCommerce架构分析-依赖注入
  4. Balsamiq Mockups --- 产品设计的利器
  5. python collection counter_python collection模块中几种数据结构(Counter、OrderedDict、namedtup)详解...
  6. java中怎么制作单选框_java代码swing编程 制作一个单选按钮的Frame
  7. jest测试ajax,ajax – 如何使用Jest来测试React呈现的异步数据?
  8. flyme8会更新Android版本吗,魅族17系列升级Flyme 8.1操作系统:终于到Android 10
  9. 270 扩展固态硬盘_游戏人的扩展坞应该是怎样?
  10. 1岁确诊脑瘫,“轮椅博士”,毕业了!
  11. ROS笔记(26) Movelt!
  12. python字符串基本操作符有哪些_Python字符串及基本操作(入门必看)!!
  13. .NET面试基础知识
  14. xp无法查看工作组计算机 服务没有启动,XP系统弹出“无法查看工作组计算机”提示怎么办?...
  15. SVAC国家标准介绍
  16. 高斯混合模型的终极理解
  17. dw php用文本框更新记录,用dreamweaver htm的网页 一个输入框 一个按钮 点按钮将输入框中的内容保存到本地 肿么写...
  18. SIKI学院:MySQL数据库从零到精通:十九:课时 23 : 22-查询语句和排序
  19. ITON - 2 论名字
  20. 国内外经典开源数据大全!

热门文章

  1. window如何使用Linux命令,如何在windows系统中使用linux的命令
  2. 浏览器do not track(DNT)
  3. Dnt 缓存架构学习后的总结
  4. IT行业学什么最好?看到最后一条,我才终于明白!
  5. 【Http2.0】Http2.0
  6. OSChina 周六乱弹 —— 战斗阿丽塔
  7. 欢迎你、某某某同学python_新同学欢迎词
  8. 2022年洪山区光通信产业高级人才引进奖励项目申报条件和申报材料
  9. 波比的w可以挡机器人的q_波比W技能阻挡谁最赚?亚索一般,锐雯还行,挡住图4就笑了...
  10. 2013年笔记本综合排行榜出炉 苹果包揽前三