可自定义类型的对话框与提示框jQuery插件jDialog

使用方法：

引入CSS样式文件

<link rel="stylesheet" href="js/jDialog/jDialog.css" type="text/css">

引入jQuery库文件、插件文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jDialog.js"></script>

插件初始化、参数配置

$(function(){
	$("#test1").click(function(){
		var dialog = jDialog.alert('欢迎使用jDialog组件，我是alert！',{},{
		showShadow: false,// 不显示对话框阴影
		buttonAlign : 'center',
		events : {
			show : function(evt){
				var dlg = evt.data.dialog;
			},
			close : function(evt){
				var dlg = evt.data.dialog;
			},
			enterKey : function(evt){
				alert('enter key pressed!');
			},
			escKey : function(evt){
				alert('esc key pressed!');
				evt.data.dialog.close();
			}
		}
	  });
	}) ; 
	
});

HTML结构

<button id="test1">alert方式调用</button>

其他类型的调用方法请查看演示或下载附件查看