網(wǎng)頁(yè)特效代碼模板無(wú)憂>網(wǎng)頁(yè)特效>層和布局特效代碼>

仿IE頂部的警告條，可以關(guān)閉_層和布局特效

仿windows IE頂部的敬告工具條，可以關(guān)閉，設(shè)計(jì)還算精美，你完全可以用到自己的網(wǎng)頁(yè)用于顯示提示，請(qǐng)運(yùn)行查看效果。

<title>仿IE頂部的警告條，可以關(guān)閉</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{ /*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
</style>
<script type="text/javascript">
function informationbar(){
	this.displayfreq="always"
	this.mrc='<a href="javascript:informationbar.close()"><img src="http://www.ghpqjb.com/jscss/demoimg/200909/close.gif" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a>'
}
informationbar.prototype.setContent=function(data){
	this.mrc=this.mrc+data
	document.write('<div id="informationbar" style="top: -500px">'+this.mrc+'</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
}
</script>
<script type="text/javascript">

var infobar=new informationbar()
infobar.setContent('模板無(wú)憂敬告：明天中午12點(diǎn)天降錢(qián)雨，請(qǐng)備好麻袋！ 　<a href="#">購(gòu)買(mǎi)麻袋</a>　　<a href="#">購(gòu)買(mǎi)拖拉機(jī)</a>')
infobar.initialize()
</script>

所屬頻道：層和布局特效/更新時(shí)間：2012-11-03

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线

仿IE頂部的警告條，可以關(guān)閉_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些