`

右下角弹出警告信息框

阅读更多
<!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> 


分享到:
评论

相关推荐

    jQuery右下角弹出提示框代码.zip

    本资源"jQuery右下角弹出提示框代码.zip"提供了一个实现点击关闭后显示下一条消息提示框的功能,这对于用户交互和信息提示非常有用。 首先,我们来详细了解一下jQuery中的弹出提示框。在传统的JavaScript中,我们...

    jquery右下角弹出框

    标题“jquery右下角弹出框”指的是利用jQuery实现一个功能,即在网页的右下角弹出提示或信息框。这种设计常用于通知用户、显示警告或请求确认,是一种常见的用户体验元素。 描述中的“Jquery弹出美丽的框”进一步...

    页面右下角弹出消息提示框类似QQ或者MSN+ASP.NET

    在ASP.NET开发中,创建一个类似QQ或MSN的页面右下角弹出消息提示框功能是一项常见的需求。这种提示框可以用于通知用户、显示警告信息或者进行交互式操作反馈。以下是一个详细的实现步骤和相关知识点: 1. **CSS布局...

    jQuery右下角弹出框

    "jQuery右下角弹出框"是指利用jQuery技术实现的一种在网页右下角显示提示信息或对话框的功能。这种功能在网站上常用于通知、广告、消息提示等场景,为用户提供非侵入性的信息展示方式。 一、jQuery弹出框基本原理 ...

    js点击按钮右下角弹出消息通知提示框代码

    在JavaScript编程中,实现点击按钮后在屏幕右下角弹出消息通知提示框是一项常见的功能,主要用于向用户显示系统状态或操作反馈。本教程将详细讲解如何创建这种通知提示框,包括默认、成功、警告和危险四种不同类型的...

    m.zip_Popup_右下角弹出_右下角弹出 提示框 控件

    "右下角弹出提示框控件(Active-X Popup MsgBox)"是一个专门用于创建这种交互元素的技术,它能够在屏幕的右下角生成一个弹出窗口,向用户提供信息、警告或询问。这种控件通常用于软件应用中,尤其是那些需要即时...

    asp.net 网页右下角弹出消息提示对话框(最小化提示框时带有小图标闪烁效果)

    在标题和描述中提到的“asp.net 网页右下角弹出消息提示对话框(最小化提示框时带有小图标闪烁效果)”,这是一种常见的交互设计,用于吸引用户的注意力,即使他们在浏览其他窗口或应用时也能注意到这些重要的消息。...

    jsp右下角弹出消息框多个示例

    在网页开发中,有时我们需要向用户显示短暂的通知或者提示信息,这时右下角弹出的消息框就显得尤为重要。本文将详细讲解如何在JSP(JavaServer Pages)中实现右下角弹出消息框,以及结合jQuery进行更丰富的交互设计...

    js右下角渐渐弹出框

    在JavaScript编程中,"右下角渐渐弹出框"是一种常见的用户交互设计,常用于显示通知、消息或者警告。这种效果通常通过CSS实现动画,配合JavaScript控制弹出框的显示和隐藏来完成。下面我们将详细探讨如何实现这样一...

    PopupWin右下角弹出框源码下载(插件式,非常好用)

    PopupWin是一款专为微软Windows操作系统设计的右下角弹出框插件,它提供了一种高效、便捷的方式来显示系统通知或者应用程序消息。该插件以其轻量级、易集成和高度自定义的特点受到开发者的欢迎。在源码下载中,我们...

    实现右下角弹出框功能(JQuery message控件)

    总结一下,使用jQuery message控件实现右下角弹出框功能,你需要引入相关库,通过配置对象设置弹出框的内容、位置和行为。在遇到IE浏览器的兼容性问题时,可以尝试使用`this.msgclose`代替`this.close`。同时,利用...

    右下角弹出提示框控件(Active-X Popup MsgBox)

    右下角弹出的提示框控件是一种常见的用户通知机制,尤其在Windows系统中广泛使用。这种控件,通常称为Active-X Popup MsgBox,允许开发者在用户的屏幕右下角显示短暂的通知或者消息,而不会打断用户的主工作流程。 ...

    java做的右下角弹出式提示框

    在Java编程中,创建一个右下角弹出式的提示框是一项常见的需求,特别是在开发桌面应用程序时,这样的功能能够提供友好的用户交互体验。本篇将深入讲解如何利用Java实现这样的功能,以及如何对其进行自定义以满足不同...

    Web右下角弹出框提示,可叠加.zip

    在Web开发中,用户界面的交互性和反馈设计是至关重要的,而右下角弹出框提示就是一种常见的向用户传达信息的方式。这种提示通常用于显示通知、警告、确认信息等,而不打断用户的正常操作流。在给定的"Web右下角弹出...

    jQuery插件之-右下角弹出提示窗体popMessage

    本文将深入探讨jQuery插件“右下角弹出提示窗体popMessage”,该插件允许开发者在网页的右下角创建动态、吸引用户的提示窗口,常用于通知、警告或用户反馈。 首先,我们来理解一下jQuery插件的基本概念。jQuery插件...

    使用Jquery 或Message插件实现右下角弹出框

    在网页开发中,有时我们需要向用户展示一些重要的通知或提示信息,这时右下角弹出框(也称为消息框)就是一个常用的交互元素。本篇将详细介绍如何使用Jquery和Message插件来实现这一功能。 首先,Jquery是一个轻量...

    精美的网页右下角弹出提示框+仿QQ+仿百度

    本资源主题“精美的网页右下角弹出提示框+仿QQ+仿百度”聚焦于创建一种美观且功能丰富的提示框,其设计灵感来源于腾讯QQ和百度的产品样式。这个项目包含两个文件,分别模仿了QQ和百度的提示框效果,适用于那些希望在...

    C# 输入错误右下角弹出错误提示框并提示错误内容

    在C#编程中,当用户输入错误或者程序遇到异常情况时,为了提供良好的用户体验和调试帮助,通常我们会选择在程序的右下角弹出一个错误提示框,显示具体的错误信息。这种做法有助于用户理解问题所在,并能及时进行纠正...

    jquery右下角提示框

    "jquery右下角提示框"是利用jQuery来实现的一种用户界面元素,通常用于向用户提供信息提示或者反馈。这种提示框位于页面的右下角,既不遮挡主要内容,又能引起用户的注意。 创建一个通用版本的"jquery右下角提示框...

    asp.net 右下角弹出消息对话框

    在ASP.NET开发中,右下角弹出消息对话框是一种常见的用户交互方式,它能够向用户提供即时反馈,增强用户体验。这种对话框通常用于显示警告、通知或者确认信息。本篇文章将详细探讨如何在ASP.NET中实现这样的功能。 ...

Global site tag (gtag.js) - Google Analytics