JS网页顶部弹出可关闭广告图层

简介:
复制代码
<!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=utf-8">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网,站长必备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>
<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,zzjs@msn.com,用.net打造靓站-->
<script type="text/javascript">
function informationbar(){
 this.displayfreq="always"
 this.content='<a href="javascript:informationbar.close()"><img src="/img/msgClose.gif" style="width:14px;height:14px;float:right;border:0;margin-right:5px;"></a>'
}//欢迎来到站长特x效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
informationbar.prototype.content_zzjs_net=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
 }
}//欢迎来到站q长特效网,我们的网址是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=/"
}//欢迎来到站长特效网,我们的网址是w ww.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
informationbar.prototype.setfrequency=function(type){
 this.displayfreq=type
}//欢迎来到站长特效网,我们的网址是www.zz js.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
informationbar.prototype.init_zzjsnet=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
}//欢迎来到站长特效网,我们的网址是ww.w.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
//Invocation code
var infobar=new informationbar()
infobar.content_zzjs_net('站长特效网,高质量网页特效代码,广告代码,js特效代码网站!以质量为核心,以实用为目的,打造一流网页特效站!www .zzjs .net')
infobar.init_zzjsnet()
</script>
</body>
</html>
复制代码

本文转自欢醉博客园博客,原文链接http://www.cnblogs.com/zhangs1986/p/3642760.html如需转载请自行联系原作者


欢醉

相关文章
|
1月前
|
数据采集 Web App开发 JavaScript
JavaScript爬虫进阶攻略:从网页采集到数据可视化
JavaScript爬虫进阶攻略:从网页采集到数据可视化
|
1月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
|
2月前
|
JavaScript Python 内存技术
分享63个广告代码JS特效,总有一款适合您
分享63个广告代码JS特效,总有一款适合您
39 2
|
1月前
|
数据采集 JSON JavaScript
如何处理动态网页(例如使用 JavaScript 生成的内容)?
如何处理动态网页(例如使用 JavaScript 生成的内容)?
14 0
|
1月前
|
JavaScript 前端开发 UED
JS自动跳转手机移动网页
JS自动跳转手机移动网页
454 0
|
1月前
|
前端开发 JavaScript 开发者
编程笔记 html5&css&js 014 网页布局框架
编程笔记 html5&css&js 014 网页布局框架
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript API
网页开发者必看!5种JS跳转页面技巧,提升用户交互体验
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0