网页尾部的浮动指示框，始终在网页底部

发布时间：2018-08-13 10:04:22 所属栏目：活动来源：站长网

导读：网页中的浮动指示框，浮动提醒框，用于表现信息，可以行使HTML语法，留意引号用法，单套双。在JAVAsCRITP代码内，变量displaymode有三种模式：0 代表信息永久表现，1 代表信息只表现一段时刻，2为随机表现模式; 演示： htmlheadtitle网页中的浮动指示框/t

　　网页中的浮动指示框，浮动提醒框，用于表现信息，可以行使HTML语法，留意引号用法，单套双。

　　在JAVAsCRITP代码内，变量displaymode有三种模式：0 代表信息永久表现，1 代表信息只表现一段时刻，2为随机表现模式;

　　演示：

<html> <head> <title>网页中的浮动指示框</title> <style type="text/css">  </style> </head> <body> <script language="javascript"> //表现的信息，可以行使HTML语法，留意引号用法，单套双。 var message='<table border=1 width=100 bordercolorlight=000000 cellspacing= 0 cellpadding= 0 bordercolor=FFFFFF><tr><td width=100><font face="Arial"><b>News!</b></font></td></tr><tr><td width=100><a href=#><nobr>本站成果已经开放。</a><a href=#><br>中青队四国约请赛示意不俗。</a><a href=http://www.liehuo.net><br>猛火网——请点击这里</a></td></tr></table>' //配景致 var backgroundcolor="#a0a0ff" //0 代表信息永久表现，1 代表信息只表现一段时刻，2为随机表现模式； var displaymode=1 //假如表现模式为在指按时刻内表现，输入时刻段(1000为1秒)； var displayduration=10000 //1代表闪烁，0代表不闪烁； var flashmode=1 //假如配置了闪烁，输入闪烁的颜色； var flashtocolor="e0e0ff" ////下面不必修改//// var which=0 //状态符号 function regenerate(){ window.location.reload() //革新页面 } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) //每400毫秒设定一次onresize属性，以便在窗口改变巨细时实时革新 } function display2(){ if (document.layers){ //假如赏识器是NS if (topmsg.visibility=="show") //假如浮动层当前可见 topmsg.visibility="hide" //则将其潜匿 else //不然 topmsg.visibility="show" //将其表现出来 } else if (document.all){ //假如赏识器是IE if (topmsg.style.visibility=="visible") //假如浮动层当前可见 topmsg.style.visibility="hidden" //则将其潜匿 else //不然 topmsg.style.visibility="visible" //将其表现出来 //在10秒到20秒之间的随机延时后从头执行，瓜代表现和潜匿，形成闪烁结果。 setTimeout("display2()",Math.round(Math.random()*10000)+10000) } } function flash(){ //形成闪烁结果 if (which==0){ //按照状态符号抉择操纵，假如必要改变配景致 if (document.layers) //假如是NS topmsg.bgColor=flashtocolor //则操作bgColor改变配景致到flashtocolor else //假如是IE topmsg.style.backgroundColor=flashtocolor //则操作style.backgroundColor改变配景致到flashtocolor which=1 //切换状态符号，下一次操纵为规复配景致 } else{ //假如本次操纵必要规复配景致 if (document.layers) //假如是NS topmsg.bgColor=backgroundcolor //则操作bgColor规复配景致到backgroundcolor else //假如是IE topmsg.style.backgroundColor=backgroundcolor //则操作style.backgroundColor规复配景致到backgroundcolor which=0 //切换状态符号，下一次操纵为改变配景致 } } if (document.all){ //假如是IE，则写入表现所必要的浮动层. document.write('<span id="topmsg" style="position:absolute;visibility:hidden">'+message+'</span>') } function logoit(){ //以IE兼容方法调解浮动层位置 document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2 document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4 } function logoit2(){ //以NS兼容方法调解浮动层位置 topmsg.left=pageXOffset+window.innerWidth/2-topmsg.document.width/2 //将浮动层调到页面中部 topmsg.top=pageYOffset+window.innerHeight-topmsg.document.height-5 //将浮动层调到页面底部 setTimeout("logoit2()",90) //90毫秒后再次调解位置，以保持其始终居于页面底部中间 } function setmessage(){ document.all.topmsg.style.left=document.body.scrollLeft+document.body.clientWidth/2-document.all.topmsg.offsetWidth/2 //设定浮动层在页面中间 document.all.topmsg.style.top=document.body.scrollTop+document.body.clientHeight-document.all.topmsg.offsetHeight-4 //设定浮动层在页面底部 document.all.topmsg.style.backgroundColor=backgroundcolor //设定浮动层配景颜色 document.all.topmsg.style.visibility="visible" //将浮动层设为可见 if (displaymode==1) //假如只必要表现一段时刻 setTimeout("topmsg.style.visibility='hidden'",displayduration) //则用setTimeout设定超时，让浮动层在一端时刻后潜匿 else if (displaymode==2) //假如必要闪烁表现 display2() //则挪用display2进程举办随即消隐表现 if (flashmode==1) //假如必要闪烁 setInterval("flash()",1000) //设定每一秒举办一次闪烁 window.onscroll=logoit //当举办页面卷动的时辰从头调解层的位置 window.onresize=new Function("window.location.reload()") //当窗口改变巨细时则革新本页 } function setmessage2(){ topmsg=new Layer(window.innerWidth) //操作new Layer天生浮动层 topmsg.bgColor=backgroundcolor //设定浮动层的配景颜色 regenerate2() //挪用regenerate2，以便在须要的时辰革新页面 topmsg.document.write(message) //将动静内容以文本流情势写进浮动层 topmsg.document.close() //封锁文本流 logoit2() //调解浮动层位置 topmsg.visibility="show" //使浮动层可见 if (displaymode==1) //假如只表现一次 setTimeout("topmsg.visibility='hide'",displayduration) //则在延时displayduration毫秒后消隐浮动层 else if (displaymode==2) //假如是设定是随机表现 display2() //则挪用display2举办随机表现 if (flashmode==1) //假如必要闪烁 setInterval("flash()",1000) //则设定闪烁时钟 } if (document.layers) //假如是NS window.onload=setmessage2 //在页面装入的时辰，启动setmessage2 else if (document.all) //假如是IE window.onload=setmessage //则在页面装入的时辰启动setmessage </script> <font size=5><b>接待降临我的网页</b></font> </body> </html> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提醒：可修改儿女码再运行!

（编辑：湖南网）

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