高仿163网站广告弹出层（每天定时24小时弹出一次）

最新推荐文章于 2021-12-18 09:41:09 发布

weixin_30911809

最新推荐文章于 2021-12-18 09:41:09 发布

阅读量286

点赞数

文章标签： javascript 前端数据库 ViewUI

原文链接：http://www.cnblogs.com/66daima/p/7507675.html

版权

高仿163网站广告弹出层（每天定时24小时弹出一次）这里和京东首页定时弹出广告功能一样；用JS实现网站首页弹出广告；超级炫酷的定时弹出图片广告；淘宝网站广告弹出层实现。

高仿163网站广告弹出层（每天定时24小时弹出一次）
可以有两种做法 
 
一、是标识符存入数据库 
 
 
二、利用jQuery.cookie 
 
我这里做的是比较简单的用到的知识是Jquery.cookie, 
这里要注意的一点是jquery.cookie的值 火狐能够获取，IE,360,谷歌不能直接获取到值，所以测试的时候最好用FF，你只需要把代码放到服务器上其它浏览器就可以完美生效了呢。
前端代码如下
<html> 
<head> 
    <script src="http://www.erdangjiade.com/Public/js/jquery.js"></script> 
    <style> 
        /*全局广告样式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*/ 
    </style> 
</head> 
<body> 
<div style="width:2000px;height:2500px;background:#fcc;"></div> 
<!--全局广告开始--> 
<div class="layer"></div> 
<div id="globalAd"> 
    <span οnclick="closeGlobalAd();" class="closeIco"></span> 
    <a href='http://www.erdangjiade.com/topic/186.html' target="_blank" class="globalContent" οnclick="redirectUrlToActive();"><img src="http://www.erdangjiade.com/Public/images/get_vip.png"/></a> 
</div> 
<!--全局广告结束--> 
</body> 
 
 
</html>

转载于:https://www.cnblogs.com/66daima/p/7507675.html

weixin_30911809

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
高仿163网站广告弹出层（每天定时24小时弹出一次）

高仿163网站广告弹出层（每天定时24小时弹出一次）这里和京东首页定时弹出广告功能一样；用JS实现网站首页弹出广告；超级炫酷的定时弹出图片广告；淘宝网站广告弹出层实现。高仿163网站广告弹出层（每天定时24小时弹出一次）可以有两种做法一、是标识符存入数据库二、利用jQuery.cookie 我这里做的是比较简单的用到的知识是Jquery.cookie, 这里要...
复制链接

扫一扫