网页弹窗广告（网页每天首次打开弹出广告，此后刷新不再显示）

类似京东双十一广告效果，网页每天首次打开弹出广告，此后的有效时间内刷新将不再显示。

1.导入jQuery文件和cookie文件，如图：

2.定义弹窗层代码

<div class="advbox" ><div class="advpic"><img width="670" height="420" alt="" src="resource/a-map.png"/><a href="javascript:void(0);" class="closebtn">关闭</a></div></div>

3.添加css样式

*html .advbox{position:absolute;top:expression(eval(document.documentElement.scrollTop));}
.advbox{width:670px;position:fixed;display:none;left:50%;top:0;margin:-215px 0 0 -325px;}
.advbox .advpic{position:relative;height:420px;overflow:hidden;}
.advbox .closebtn{display:block;width:40px;height:20px;line-height:20px;font-size:12px;color:#fff;text-indent:12px;overflow:hidden;position:absolute;right:5px;top:0px;z-index:99;}

4.添加jQuery代码

$(document).ready(function(){var COOKIE_NAME = "showbox";
<span style="white-space:pre"> </span>if($.cookie(COOKIE_NAME)){
<span style="white-space:pre">     </span>$(".advbox").hide();
<span style="white-space:pre"> </span>}else{
<span style="white-space:pre">     </span>$(".advbox").show();
<span style="white-space:pre">     </span>$(".advbox").animate({top:"50%"},1000);
<span style="white-space:pre">     </span>$(".closebtn").click(function(){
<span style="white-space:pre">         </span>$(".advbox").fadeOut(500);
<span style="white-space:pre"> </span>})
<span style="white-space:pre"> </span>$.cookie(COOKIE_NAME,'ishide',{expires:1});//expires过期时间
<span style="white-space:pre"> </span>}
})

注意：expires过期时间可以根据自己需要更改，如1/2半天等。

网页弹窗广告（网页每天首次打开弹出广告，此后刷新不再显示）相关推荐

页面首次打开弹出提示，以后不再弹出
localStorage(本地存储)和sessionStorage(会话存储) 生命周期:localStorage:localStorage的生命周期是永久的,关闭页面或浏览器之后localStora ...
JS怎么实现首次打开弹出窗口，以后不弹出
我们自己做网站时,有时希望第一次打开某个页面时,弹出一个窗口,以后再打开页面时,就不显示这个弹窗了.实现这样的效果就需要使用JS,通过JS可以实现首次打开弹出窗口,以后不弹出. 实现原理借用loca ...
win7系统老是弹窗怎么解决_win7系统右下角经常弹广告怎么办|win7系统右下角弹出广告的屏蔽方法...
相信使用win7系统的用户都经历过,经常我们使用电脑打开网页准备看电影或玩游戏的时候,任务栏右下角经常会突然屏幕弹出广告,那么遇到win7系统右下角经常弹广告怎么办呢?接下来请大家跟着小编一起学习一下 ...
python拦截广告弹窗_会捆绑软件、弹出广告？Python教你实现纯净中英自动翻译小工具...
本文原创,未经允许不得转载,本文版权归@itcast @wj14k所有,感谢你的阅读! 翻译工具在安装会捆绑其他软件翻译工具会跳出你不喜欢的广告 -- 对捆绑.广告说不! Python实现纯净翻译小 ...
浏览器设置了打开会显示特定网页为什么还是显示2345_浏览器弹窗广告多？阻止网页弹出广告的三种方法...
现在的广告可以说是无处不在,无孔不入,我们在打开网页浏览时就会经常遇到些广告弹窗,每次都要去点击关闭,让人觉得非常不爽. 虽然大多第三方浏览器可以安装屏蔽弹窗广告的插件,但今天要给大家介绍下其他禁止网 ...
win10计算机无限弹网页,win10系统浏览网页时频繁弹出广告怎么办 Window10阻止网页弹出广告的四种方法...
使用win10系统电脑上网的用户,在打开网页浏览时经常会碰到一些广告弹窗.这样,不免让人感觉非常的困扰.那么,我们该怎样设置才能在windows10系统下阻止网页跳出广告弹窗呢?下面,小编就向大家分享 ...
网页JS弹出广告代码，头部，右下角，网页中漂浮，对联广告代码等大全
01.借鉴:网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全02.网页头部弹出广告:03. 04.<script src="ht ...
【WinRAR】去除打开后弹出广告的方法
目录官网介绍如下,WinRAR是一款完全免费的压缩软件每次打开WinRAR,都会弹出一个烦人的广告窗口,虽然弹出后可以直接关闭,但还是有很多人想去除弹出广告,按照下面的步骤操作即可达到目的新建一 ...
禁止计算机自动弹出广告,如何禁止电脑弹出广告
不管是我们看小说还是看视频打开网页的时候,总是在右下角弹出游戏广告或者医疗广告,让人头疼不已.那么,电脑总是弹出广告怎么办呢?如何禁止电脑弹出广告? 一．弹窗拦截毒霸软件具有拦截弹窗的功能,可以全方 ...

网页弹窗广告（网页每天首次打开弹出广告，此后刷新不再显示）

网页弹窗广告（网页每天首次打开弹出广告，此后刷新不再显示）相关推荐

最新文章

热门文章