`
ziyuewang
  • 浏览: 40320 次
  • 性别: Icon_minigender_2
  • 来自: 济南
社区版块
存档分类
最新评论

自适应大小的MsgBox

阅读更多
<style type="text/css">
			.msg-box {
				padding :0px ;
				margin : 0px ;
				border : 3px solid #999 ;
				position : absolute ;
			}
			.h {
				padding-left : 10px ;
				margin : 0px ;
				height : 23px ;
				line-height : 23px ;
				font-size : 13px ;
				font-family : arial ;
				font-weight : bold ;
				color : #000 ;
				background-image : url(img/title.gif) ;
			}
			.b {
				padding-left: 12px ;
				padding-right: 10px ;
				padding-top : 10px ;
				padding-bottom : 14px ;
				margin : 0px ;
				line-height : 20px ;
				font-size : 12px ;
				font-family : arial ;
				color : #000 ;
			}
			.close_command {
				padding : 0px ;
				margin : 0px ;
				height : 36px ;
				text-align : center ;
				background : #eee ;
			}
			.close_command  input {
				padding : 0px ;
				margin-top : 6px ;
				width : 60px ;
				cursor : pointer ;
				height : 24px ;
				line-height : 24px ;
				text-align : center ;
				font-size : 12px ;
				font-family : arial ;
				color : #000 ;
			}
		</style>
		
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		
		<script type="text/javascript">
		$(function(){
			var params = {
				title : "提示" ,
				text : "对不起,您输入的用户名或密码不正确!"
			} ;
			MsgBox.show(params) ;
		}) ;
		
		var MsgBox = function(){
			function _render(title,text){
				var msgbox = $("<div></div>")
						.addClass("msg-box")
						.appendTo("body") ;
				var h = $("<div></div>")
						.addClass("h")
						.html(title)
						.appendTo(msgbox) ;
				var b = $("<div></div>")
						.addClass("b")
						.html(text)
						.appendTo(msgbox) ;
				var closeCommand = $("<div></div>")
						.addClass("close_command")
						.appendTo(msgbox) ;
				var close = $("<input type='button' />")
						.attr("value","确定")
						.click(function(){
							var jq_msgbox = $(this).parents(".msg-box") ;
							_hide(jq_msgbox) ;
						})
						.appendTo(closeCommand) ;
				var _top = parseInt(document.documentElement.clientHeight / 2 - b.height() / 2) ;
				var _left = parseInt(document.documentElement.clientWidth / 2 - b.width() / 2) ;
				var _css = {
					top : _top  + "px" ,
					left : _left  + "px" ,
					display : "none"
				} ;
				msgbox.css(_css) ;
				return msgbox ;
			} ;
			function _hide(jq_msgbox){
				jq_msgbox.fadeOut() ;
			} ;
			function show(params){
				var title = params.title || "提示信息" ;
				var text = params.text || "这是测试数据" ;
				var jq_msgbox = _render(title,text) ;
				jq_msgbox.show("normal") ;
			} ;
			return {
				show : show
			} ;
		}() ;
		</script>
  • 大小: 8.8 KB
分享到:
评论
1 楼 ziyuewang 2011-04-09  
_hide()方法修改

function _hide(jq_msgbox){  
  jq_msgbox.remove() ;  
} ;

原因 : 以免浪费资源

相关推荐

    自定义MsgBox的样式

    在编程领域,特别是涉及到用户界面(UI)设计时,自定义MsgBox的样式是一个常见的需求。MsgBox通常指的是系统默认的对话框,用于向用户显示简单的信息或进行简单的交互。然而,系统默认的MsgBox样式可能无法满足所有...

    msgbox出现3秒自动消失

    在我们的印象中,VB 所提供的 MsgBox 是一个强制回应的视窗,您一定要按了其中的某一个 CommandButton 之后,它才会关闭!但是在某些软体中,我们会看到,明明是使用系统的 MsgBox,可是您如果不理它,几秒钟之后,...

    vb6_msgbox自动延时关闭

    在VB6(Visual Basic 6)编程环境中,`MsgBox`函数是用于显示一个消息框,用户可以在其中查看信息、做出选择或者进行简单的交互。在某些情况下,我们可能希望`MsgBox`弹出后能够在一定时间后自动关闭,而不是等待...

    VB.Net 自動關閉MsgBox

    在VB.Net编程环境中,MsgBox是一个非常常用的函数,用于弹出一个对话框显示信息、询问用户或报告错误。MsgBox对话框通常会暂停程序执行,直到用户点击按钮(如"确定"或"取消")才会继续。然而,在某些情况下,我们...

    VB自制Msgbox

    在VB(Visual Basic)编程环境中,`MsgBox`是一个内置函数,用于显示带有用户可定制消息的对话框。然而,其样式和功能是有限的,可能无法满足开发者的个性化需求。"VB自制Msgbox"项目就是针对这种情况,通过自定义...

    改变msgBox的显示的按钮内容及其他功能

    改变msgBox的显示的按钮内容及其他功能

    VB unicode_ msgbox

    标题“VB unicode_msgbox”表明这个话题主要集中在如何在VB环境中使用Unicode,并且提供了一个特别的“msgbox”控件,它是Unicode兼容的。在VB中,`MsgBox`函数是用于弹出对话框显示消息的,但默认情况下可能不完全...

    VB 实现倒计时自动关闭的MsgBox对话框

    在VB(Visual Basic)编程环境中,我们经常需要创建各种用户交互界面,比如消息框 MsgBox。MsgBox 是一个内置函数,用于显示简单的对话框,通常用来向用户显示信息、询问问题或确认操作。然而,标准的MsgBox对话框是...

    一个新的msgbox模块,可以设定msgbox的位置

    在IT领域,消息框(MsgBox)是一种常用的用户交互手段,它用于向用户显示警告、确认信息或简单提示。在大多数编程环境中,如VBScript、Visual Basic 6、VBA等,msgbox函数是一个内置的功能,允许开发者创建弹出...

    C#自定义msgbox样式

    本篇文章将深入探讨如何在C#中自定义msgbox样式,以及实现多种显示方式。 首先,自定义msgbox样式涉及到的主要方面有: 1. **外观设计**:这包括消息框的背景色、字体、图标、按钮样式等。开发者可以使用Windows ...

    msgboxFontSize:在msgbox(),errordlg(),warndlg()等中更改fontsize和其他文本属性。-matlab开发

    这个函数解决了这个问题通过在 msgbox 句柄中搜索文本,更改其字体大小,然后更改适合新字体大小的窗口大小。 左下角的位置msgbox 不会改变并且 resize 属性被打开。 附加名称-值可以设置除“单位”之外的文本属性...

    vbs msgbox 按钮及图标

    在VBScript(简称VBS)中,`MsgBox`函数是一种非常实用且强大的工具,用于显示消息并根据用户的响应返回值。它可以帮助开发者快速构建简单的用户交互界面,尤其是在需要进行简单提示、确认或警告时非常有用。根据...

    自定义Msgbox窗体图标代码

    2. **设计窗体布局**:根据需要调整窗体的大小、位置和控件的布局,确保其外观与标准MsgBox类似但具有自定义图标。 3. **添加图标资源**:将自定义图标导入到项目中作为资源。这可以通过在VB项目中添加图像文件(如...

    vb msgbox的用法

    在探讨“vb msgbox的用法”这一主题时,我们首先需要理解MsgBox函数在Visual Basic(简称VB)编程中的重要性与应用范围。MsgBox是VB中的一个内置函数,用于显示一个带有预定义按钮、图标和消息的对话框,为用户提供...

    原生JS弹窗组件msgBox.zip

    原生JavaScript弹窗组件 标签:msgBox

    msgbox,一个好用的代码

    `msgbox`通常指的是在网页应用中用于弹出警告、确认或信息对话框的JavaScript库。这个库提供了一种自定义且美观的方式来替代浏览器默认的`alert()`、`confirm()`和`prompt()`函数,使用户体验更加一致且符合设计风格...

    各种msgbox的弹出窗口

    在编程世界中,消息框(MsgBox)是与用户交互的一种常见方式,它通常用于显示警告、确认信息或简单提示。在本主题中,我们主要关注的是“各种msgbox的弹出窗口”,这通常指的是使用JavaScript库或者特定插件来实现的...

    msgbox vbYesNo更改名称 为想要的字体

    在VBScript(Visual Basic Script)或VBA(Visual Basic for Applications)编程中,`MsgBox`函数是一个常用的功能,用于向用户显示一个简单的对话框,通常包含一条信息和一组按钮,让用户做出回应。在默认情况下,`...

    msgbox对话框,倒计时自动关闭

    在编程领域,`MsgBox`对话框是一种常用的功能,它能够弹出一个用户交互界面,显示消息,并等待用户的响应。通常在VBScript、VBA(Visual Basic for Applications)、Visual Basic等环境中,`MsgBox`是内置函数,用于...

    msgbox函數詳解

    ### msgbox函数详解 #### 简介 `MsgBox` 函数是在Visual Basic (VB) 和 Visual Basic Scripting Edition (VBS) 中常用的一种工具,用于创建并展示弹窗对话框,以此来向用户传递信息或请求用户进行某种操作。 ####...

Global site tag (gtag.js) - Google Analytics