2顶

网页顶部弹出一个广告层

稿源：互联网 2022-04-02 21:43:08 点击： 4556 撤稿纠错

一打开网页，立即在顶部弹出一个图层，可放一个广告在那里，带关闭按钮。

以下讨论的是和弹出相关的网页顶部弹出一个广告层教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 网页顶部弹出广告层 站长特效网欢迎您。</title>
<style type="text/css">
#informationbar{
 position: fixed;
 left: 0;
 width: 100%;
 text-indent: 5px;
 padding: 5px 0;
 background-color: lightyellow;
 border-bottom: 1px solid black;
 font: bold 12px Verdana;
}
* html #informationbar{
 position: absolute;
 width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
</style>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<script type="text/javascript">
function informationbar(){
 this.displayfreq="always"
 this.content='<a href="javascript:informationbar.close()"><img src="/img/off.gif" style="width:14px;height:14px;float:right;border:0;margin-right:5px;"></a>'
}
informationbar.prototype.setContent=function(data){
 this.content=this.content+data
 document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>')
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
informationbar.prototype.animatetoview=function(){
 var barinstance=this
 if (parseInt(this.barref.style.top)<0){
  this.barref.style.top=parseInt(this.barref.style.top)+5+"px"
  setTimeout(function(){barinstance.animatetoview()}, 50)
 }
 else{
  if (document.all && !window.XMLHttpRequest)
  this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"?document.documentElement.scrollTop+"px":body.scrollTop+"px"')
 else
  this.barref.style.top=0
 }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
informationbar.close=function(){
 document.getElementById("informationbar").style.display="none"
 if (this.displayfreq=="session")
  document.cookie="infobarshown=1;path=/"
}
informationbar.prototype.setfrequency=function(type){
 this.displayfreq=type
}
informationbar.prototype.initialize=function(){
 if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){
  this.barref=document.getElementById("informationbar")
  this.barheight=parseInt(this.barref.offsetHeight)
  this.barref.style.top=this.barheight*(-1)+"px"
  this.animatetoview()
 }
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
window.onunload=function(){
 this.barref=null
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
//Invocation code
var infobar=new informationbar()
infobar.setContent('站长特效网，打造国内最帅的网页特效站！网址：http://www.zzjs.net    <a href="http://www.zzjs.net" target="_blank">可以放个广告在这里</a>')
infobar.initialize()
</script>
</body>
</html>

关于网页顶部弹出一个广告层的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010091564706.shtml方便下次再访问哦。

·上一篇： 鼠标拖动商品放入购物车效果
·下一篇： 点击广告才能下载效果记录cookie版

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

网页顶部弹出一个广告层

文章分类LIST >>返回首页

最新游戏

最新新闻