高仿163网站广告弹出层(每天定时24小时弹出一次) 这里和京东首页定时弹出广告功能一样;用JS实现网站首页弹出广告;超级炫酷的定时弹出图片广告;淘宝网站广告弹出层实现。
0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。 在线 充值
高仿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 onclick="closeGlobalAd();" class="closeIco"></span>
<a href='http://www.erdangjiade.com/topic/186.html' target="_blank" class="globalContent" onclick="redirectUrlToActive();"><img src="http://www.erdangjiade.com/Public/images/get_vip.png"/></a>
</div>
<!--全局广告结束-->
</body>
</html>
友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群