javascript可关闭的仿IE顶部警告条

时间：2009-09-28 编辑：简简单单来源：一聚教程网

提示：您可以先修改部分代码再运行

javascript可关闭的仿IE顶部警告条
<!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>
<title>javascript可关闭的仿IE顶部警告条</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">

<style type="text/<a href=http://111com.net/cssdiv/css.html target=_blank >css</a>">
#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>

<script type="text/javascript">
function informationbar(){
	this.displayfreq="always"
	this.content='<a href="javascript:informationbar.close()"><img  alt="javascript可关闭的仿IE顶部警告条"  src="https://img.111com.net/get_pic/20090928091541915.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>')
}
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
	}
}
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()
	}
}
window.onunload=function(){
	this.barref=null
}
//Invocation code
var infobar=new informationbar()
infobar.setContent('中国站长天空，站长<a href=http://111com.net/person/ target=_blank ><a href=http://111com.net/person/ target=_blank >建站</a></a>乐园，网址：http://www.111com.net    <a href="http://www.111com.net" target="_blank">立即访问</a>')
infobar.initialize()
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

上一个： js网页时间代码-支持一秒秒走动代码
下一个： js cSS实现的仿Textarea效果

推荐专题

最新下载

热门教程

javascript可关闭的仿IE顶部警告条

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程