MiniDialog 对话框

信息提示

		Dialog.info( "info 对话框", "内容区域" );
		Dialog.success( "success 对话框", "内容区域" );
		Dialog.warn( "warn 对话框", "内容区域" );
		Dialog.error( "error 对话框", "内容区域" );
	

快捷方式

			Dialog( "内容" );
			Dialog( "标题", "内容" );
			Dialog( "标题", "内容", 800 );
	 

常规配置

		Dialog
				({
					title: "标题",
					content: "内容"
				});
				Dialog
				({
					title: "标题",
					content: "内容",
					width: 800
				});
				Dialog
				({
					title: "标题",
					content: "内容",
					contentBgColor: "#f5f5f5"
				});
		

可拖动对话框

关闭所有对话框

			Dialog
			({
				title: "标题",
				content: "内容",
				draggable: true
			});
		

全屏对话框

			Dialog
			({
				title: "标题",
				content: "内容",
				fullscreen: true
			});
		

自动关闭

			Dialog
			({
				title: "标题",
				content: "内容",
				autoClose: 5000
			});
	

嵌入 Iframe

			Dialog
			({
			title: "标题",
			width: 1100,
			iframeContent: {
				src: "http://www.baidu.com/",
				height: 600
			},
			showButton: false
			});
		

嵌入图片

			Dialog
			({
				width: 1100,
				imageContent: {
					src: "demo.png",
					height: 600
				},
				showButton: false,
				showTitle: false,
				maskClose: true
			});
		

嵌入多张图片

			Dialog
				({
				width: 700,
				imageContent: {
					src: [ "1.png", "2.png", "3.png", "4.png", "5.png" ],
					height: 400
				},
				showButton: false,
				showTitle: false,
				maskClose: true
			});
	

嵌入视频

				Dialog({
				width: 800,
				videoContent: {
					src: "https://blz-videos.nosdn.127.net/1/HearthStone/f6cd63b590d416821d3e27e0.mp4",
					height: 450
				},
				showButton: false,
				showTitle: false,
				maskClose: true
			});
		

确定按钮 - 加载中

				Dialog
				({
					title: "标题",
					content: "内容",
					ok: {
					loading: true,
					loadingText: "等一会",
					click: function () {
						setTimeout(function () {
							Dialog.close();
						}, 3000)
					}
				}
			});
		

按钮事件

					Dialog({
						title: "标题",
						content: "内容",
						ok: {
							click: function () {
								alert( "确定" );
							}
						},
						cancel: {
							click: function () {
								alert( "取消" );
							}
						}
					});
			

开关事件

			Dialog
			({
				title: "标题",
				content: "内容",
				afterOpen: function () {
					alert( "打开了对话框" );
				},
				afterClose: function () {
					alert( "关闭了对话框" );
				}
			});
		

适用浏览器:360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

来源:懒人