网页顶手下垂的浮动条,有缓冲结果,可封锁

发布时间：2018-08-19 19:37:08 所属栏目：运营来源：站长网

导读：网页顶手下垂的浮动条,有缓冲结果,可封锁。该殊效可以放网站通告，或一些导航菜单，较量精明，当有人会见网站时，导航条缓缓的降下，不必要的时辰可以封锁，跟IE默认的阻止弹窗的器材条有点相似，保举行使！演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTM

　　网页顶手下垂的浮动条,有缓冲结果,可封锁。该殊效可以放网站通告，或一些导航菜单，较量精明，当有人会见网站时，导航条缓缓的降下，不必要的时辰可以封锁，跟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='<a href="javascript:informationbar.close()"><img src="/uploads/allimg/1101/bar_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=/" } // 猛火網 liehuo.net 接待复制,拒绝恶意收罗ｌｉｅｈｕｏ．ｎｅｔ 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('接待会见猛火网 http://Www.Liehuo.Net，祝各人2011年岁情舒畅、万事顺心！') infobar.initialize() </script> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

等等党又赢了，iPhone	450W高功耗卡皇名不虚
群联 PCIe 5.0 SSD一定	微星Modern 14 15笔记