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

时间：2021-03-04 13:54:13|栏目：|点击：次

<!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="https://www.jb51.net/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需再刷新一下页面才能执行]

上一篇：prototype 源码中文说明之 prototype.js

栏目：

下一篇：Powershell小技巧之通过EventLog查看近期电脑开机和关机时间

本文标题：右下角弹出信息（自动关闭）

本文地址：http://www.codeinn.net/misctech/74339.html

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

阅读排行

推荐教程