弹出对话框blockUI的使用

1、引入需要的JS文件

<script src="<%=request.getContextPath()%>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/js/jquery.blockUI.js" type="text/javascript"></script>

2、在页面定义需要弹出的对话框DIV

<div id="tishi" style='display:none;'>
	<div class="end-inner">
		<div id="message">
		
		</div>
	</div>
</div>

3、当某个动作出发一个JS方法让对话框弹出来

function xx(){
	$.blockUI({ 
		message: $('#tishi'), 
		//定义弹出框的样式，位置
		css: { 
			top:  ($(window).height() - 400) /2 + 'px', 
			left: ($(window).width() - 400) /2 + 'px', 
			width: '600px' ,
			color: '#fff'
		} 
	}); 
	$("#message").html("系统错误,请稍后在试!");
	//让弹出框消失
	setTimeout($.unblockUI, 2000);
}

5、在弹出的对话框上让鼠标正常显示

<div id="tishi" style='display:none;cursor:default;'>