当前位置：网站综合首页 >> 网页JS特效 >> 浏览器窗口 >> js特效仿页面中IE头部警告提示.

js特效仿页面中IE头部警告提示.

来源：中国设计秀作者：佚名点击：146 加入收藏发表评论

顶一下

关键字：js特效代码 IE头部警告提示

代码如下,点击运行可查看效果:

-----<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">
/***********************************************
* Animated Information Bar- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
***********************************************/
function informationbar(){
 this.displayfreq="always"
 this.content='<a href="javascript:informationbar.close()"><img src="http://www.cnwebshow.com/demo/close.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
}
</script>
<script type="text/javascript">

var infobar=new informationbar()
infobar.setContent('注意,明天中午12点天将降钱雨,请备好麻袋！ <a href="#">购买蛇皮袋</a>　　<a href="#">购买麻袋</a>　　<a href="#">购买拖拉机</a>')
//infobar.setfrequency('session') //Uncomment this line to set information bar to only display once per browser session!
infobar.initialize()
</script>
<div>www.cnwebshow.com</a>
 
 
 
<div>www.cnwebshow.com</a>
 
 
 
 
 
 
 
 
 
<div>www.cnwebshow.com</a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 dfd
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 df

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

2008-06-21 22:15:34 出处：中国设计秀cnwebshow.com

本文引用地址：http://www.cnwebshow.com/site/html/article_2345.html

热点文章/相关文章

素材下载　矢量潮流素材背景素材模板