第一次打开网页弹出广告代码

 时间:2024-10-13 03:08:17

1、引用jq和cookie,通过cookie判断是否首次打开。

第一次打开网页弹出广告代码

2、定义弹出层代码<div class="advbox"> <div class="advpic"> <img width="670" height="420" alt="" src="images/xin.jpg"/> <a href="javascript:void(0);" class="closebtn">关闭</a> </div> </div>加入光比代码;

第一次打开网页弹出广告代码

3、添加css样式*{margin:0;padding:0;盟敢势袂list-style-type:none;}a,img{border:0;text-decoration:none;}body{font:12px/180% Arial, Helvetica, sans-serif,"";}/* advbox */*html,*html body{background-image:url(about:blank);background-attachment:fixed;}*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 .advpic .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、加入jq代码$(document).ready(function(拘七呷憎){ var COOKIE_NAME = "showbox"; if($.cookie(C晦倘佳鳎OOKIE_NAME)){ $(".advbox").hide(); }else{ $(".advbox").show(); $(".advbox").animate({top:"50%"},1000); $(".closebtn").click(function(){ $(".advbox").fadeOut(500); }) $.cookie(COOKIE_NAME,'ishide',{expires:1}); }})下拉式弹出广告

第一次打开网页弹出广告代码

5、制作一张广告背景,并加上广告文字或图片。

第一次打开网页弹出广告代码

6、显示效果:

第一次打开网页弹出广告代码
  • 命令提示符——网络管理——net file、net time
  • 如何解决安装winsdk总是提示安装失败的情况
  • sql server 2000 MDF,LDF数据库文件改名
  • Beyond Compare十六进制常见问题(上)
  • windows server 2003怎么安装FTP
  • 热门搜索
    中秋节手抄报资料 寻根乡愁手抄报 艾滋病手抄报图片 做美德少年手抄报 关于创文的手抄报 手抄报名字 法律小知识手抄报 动物手抄报大全 环保手抄报内容50字 七年级上册历史手抄报