右下角弹出信息（自动关闭）

2019-11-21 01:32:00

字体：大中小

来源：转载

供稿：网友

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>右下角弹出框</title> </head> <style type="text/css"> #rbbox{position:absolute;right:0;bottom:0;width:300px;height:0px;overflow:hidden} .button{display:inline;float:right;font-size:12px;cursor:pointer} </style> <body><div id="rbbox"><a class="button" onclick="closeBox()">关闭</a><iframe src="//www.VeVB.COm/404.htm" frameborder="0" height="200" width="300" scrolling="no"></iframe></div> <script language="javascript" type="text/javascript"> window.onload=function(){showBox();setTimeout("closeBox()",5000)} function showBox(o){ if (o==undefined) o=document.getElementById("rbbox"); o.style.height=o.clientHeight+2+"px"; if (o.clientHeight<200) setTimeout(function(){showBox(o)},5); } function closeBox(){document.getElementById("rbbox").style.display="none";} </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：一个判断email合法性的函数[非正则]

下一篇：JS 网页安全色调色板 DW风格