php弹窗一次,网站广告弹出层(每天弹出一次)
网站广告弹出层(每天弹出一次)
可以有两种做法
一、是标识符存入数据库
二、利用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弹窗一次,网站广告弹出层(每天弹出一次)相关推荐
- 个人中心 (二) 01-编辑资料-基础布局-Popup弹出层-底部弹出-头像男女时间 DatetimePicker时间选择转换-dayjs(value).format('YYYY-MM-DD')
个人中心-编辑资料-基础布局-Popup 弹出层-底部弹出模式-头像-男女-时间 & DatetimePicker 时间选择-年月日模式 & dayjs(value) 转换成日期对象, ...
- uni-app中同一个页面如何设置多个弹出层(弹框)
uni-app前端项目开发中,在使用uni-popup弹出层组件时,通常同一个页面要用到多个弹出层.提示窗口.提示框等等.那么怎么样注册多个弹出层而不冲突呢? 下面我以注册两个弹出层为例来说一下,注册 ...
- layui弹出层html,layui-弹出层
1. //弹框中的表单 用户名 复选框 2. layui.use('layer', function(){var layer =layui.layer; layer.open({ title: ['t ...
- 解决 layui 弹出层(弹框)一闪而过就消失的问题 (转载)
问题解决 转载: 原文链接:https://blog.csdn.net/qq_20594019/article/details/83956532 本人遇到问题:使用layer.open()弹出页面层, ...
- html 5 桌面弹窗,HTML5+CSS3+jQuery实现弹出层
我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式.甚至js方法调用.我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC ...
- html5相对父元素定位,layer弹出层设置相对父级元素定位
layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加 ...
- layui 传递前端请求_layui弹出层如何传值?
layui弹出层如何传值?下面本篇文章给大家介绍一下layui弹窗间的传值(layui弹出层传值)(窗口传值).有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 主要有两部分从主窗口传 ...
- jQuery引起的用layer弹出层上传文件不能获取文件名的解决(thinkphp5)
一.问题 在用thinkphp5做到用layer弹出层上传文件过程中,一直不能成功.详细代码如下: HTML代码: <div id="importBox" v-show=&q ...
- layui弹出层html,layer弹出层
layer 弹出层,怎么只让他弹出一次.在线等 我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中.这是组件不完美的地方,他设置了top和left值,而且是固定的.这种弹出层都是绝对定位的 所 ...
最新文章
- SVO学习笔记(一)
- Bi-level error correction for PacBio long reads. PacBio长读数的两级纠错
- NopCommerce架构分析-依赖注入
- Balsamiq Mockups --- 产品设计的利器
- python collection counter_python collection模块中几种数据结构(Counter、OrderedDict、namedtup)详解...
- java中怎么制作单选框_java代码swing编程 制作一个单选按钮的Frame
- jest测试ajax,ajax – 如何使用Jest来测试React呈现的异步数据?
- flyme8会更新Android版本吗,魅族17系列升级Flyme 8.1操作系统:终于到Android 10
- 270 扩展固态硬盘_游戏人的扩展坞应该是怎样?
- 1岁确诊脑瘫,“轮椅博士”,毕业了!
- ROS笔记(26) Movelt!
- python字符串基本操作符有哪些_Python字符串及基本操作(入门必看)!!
- .NET面试基础知识
- xp无法查看工作组计算机 服务没有启动,XP系统弹出“无法查看工作组计算机”提示怎么办?...
- SVAC国家标准介绍
- 高斯混合模型的终极理解
- dw php用文本框更新记录,用dreamweaver htm的网页 一个输入框 一个按钮 点按钮将输入框中的内容保存到本地 肿么写...
- SIKI学院:MySQL数据库从零到精通:十九:课时 23 : 22-查询语句和排序
- ITON - 2 论名字
- 国内外经典开源数据大全!
热门文章
- window如何使用Linux命令,如何在windows系统中使用linux的命令
- 浏览器do not track(DNT)
- Dnt 缓存架构学习后的总结
- IT行业学什么最好?看到最后一条,我才终于明白!
- 【Http2.0】Http2.0
- OSChina 周六乱弹 —— 战斗阿丽塔
- 欢迎你、某某某同学python_新同学欢迎词
- 2022年洪山区光通信产业高级人才引进奖励项目申报条件和申报材料
- 波比的w可以挡机器人的q_波比W技能阻挡谁最赚?亚索一般,锐雯还行,挡住图4就笑了...
- 2013年笔记本综合排行榜出炉 苹果包揽前三