实现了自动弹出并自动消失。 <!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;background-color:red} .button{display:inline;float:right;font-size:12px;cursor:pointer} </style> <body><div id="rbbox"><a class="button" οnclick="closeBox()">关闭</a></div> </body> </html> <script language="javascript" type="text/javascript"><!-- window.οnlοad=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(o){if (o==undefined) o=document.getElementById("rbbox"); o.style.height=o.clientHeight-2+"px"; if (o.clientHeight>1) setTimeout(function(){closeBox(o)},5); //document.getElementById("rbbox").style.display="none";} // --></script>