右上角弹出警告信息框
右下角弹出警告信息框
<!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:250px;
height:0px;
overflow:hidden;
}
.button{
display:inline;
float:right;
font-size:12px;
cursor:pointer;
padding-right: 2px;
padding-top: 2px;
}
</style>
<body>
<div id="rbbox">
<DIV style='BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 0px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: "150"px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 0px; HEIGHT: "145"px; BACKGROUND-COLOR: #c9d3f3'>
<TABLE style='BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid' cellSpacing=0 cellPadding=0 width='100%' bgColor=#cfdef4 border=0>
<TR ><span style="float:left; font-size:12px;padding-left:2px; PADDING-TOP: 2px;COLOR: #1f336b;">报警信息提示：</span>
<a class="button" onclick="closeBox()">关闭</a>
</TR>
<TR>
<TD style='PADDING-RIGHT: 40px;PADDING-BOTTOM: 1px' colSpan=3 width=250 height=145>
<DIV style='BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 8px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 8px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%'>
<DIV style='WORD-BREAK: break-all;padding:3px 2px 2px 1px' align=center><FONT color=#ff0000>" "频道检" "频道检索出"+100+"条数据</FONT></DIV>
<DIV style='WORD-BREAK: break-all;padding:3px 2px 2px 1px' align=center><FONT color=#ff0000>" "频道检索出"+100+"条数据</FONT></DIV>
<DIV style='WORD-BREAK: break-all;padding:3px 2px 2px 1px' align=center><FONT color=#ff0000>" "频道检索出"+100+"条数据</FONT></DIV>
<DIV style='WORD-BREAK: break-all;padding:3px 2px 2px 1px' align=center><FONT color=#ff0000>" "频道检索出"+100+"条数据</FONT></DIV>
<DIV style='WORD-BREAK: break-all;padding:3px 2px 2px 1px' align=center><FONT color=#ff0000>" "频道检索出"+100+"条数据</FONT></DIV>
<DIV style='WORD-BREAK: break-all;padding:3px 2px 2px 1px' align=right><A href='javascript：void(0)' hidefocus=false id='btCommand'><FONT color=#1f336b>更多</FONT></A></DIV>
</DIV>
</TD>
</TR>
</TABLE>
</DIV>
</div>
<script language="javascript" type="text/javascript">
window.onload=function(){
showBox();
setTimeout("closeBox()",5*60*1000);
}
function showBox(o){
if (o==undefined) o=document.getElementById("rbbox");
o.style.height=o.clientHeight+2+"px";
if (o.clientHeight<145) 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>0) setTimeout(function(){closeBox(o)},5);
}
</script>
</body>
</html>