自制的网页顶部的工具条，带关闭功能

2024-09-05 12:18:07

字体：大中小

来源：转载

供稿：网友

自制的网页顶部的工具条菜单，可放网站公告，或一些导航菜单，不需要的时候可以关闭，不过希望大家还是不要用这种形式的工具条，因为与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>网页顶部弹出的可关闭广告层</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><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><script type="text/javascript">function informationbar(){	this.displayfreq="always"	this.content='<img src="http://www.aspku.com/jscss/demoimg/201101/bar_close.gif" style="width:14px;height:14px;float:right;border:0;margin-right:5px;">'}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 codevar infobar=new informationbar()infobar.setContent('2011年新的一年即将到来，再此祝您在新的一年里工作愉快，生活美满。')infobar.initialize()</script></body></html>

上一篇：固定显示在网页左上角的LoGo图片

下一篇：滚动，Js版，点击鼠标后激活