右下角弹出警告信息框

最新推荐文章于 2021-05-30 21:27:37 发布

boyssheng

最新推荐文章于 2021-05-30 21:27:37 发布

阅读量189

点赞数

分类专栏： javascript 文章标签： XHTML HTML

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!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>