jDialog.js - 弹出对话框插件

jDialog.js - 弹出对话框插件1686
调用示例。
$("#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();			}		}	  });	}) ; 		$("#test2").click(function(){		var dialog = jDialog.confirm('欢迎使用jDialog组件,我是confirm!',{			handler : function(button,dialog) {				alert('你点击了确定!');				dialog.close();			}		},{			handler : function(button,dialog) {				alert('你点击了取消!');				dialog.close();			}		});	});		$("#test3").click(function(){		// 通过options参数,控制iframe对话框		var dialog = jDialog.iframe('http://www.jqueryfuns.com/',{			title : '代码编辑器 - 站长素材',			width : 1100,			height : 550		});	});		$("#test4").click(function(){		// 通过options参数,控制dialog		var dialog = jDialog.dialog({			title : '自定义对话框',			content : '大家好,欢迎访问站长素材。'		});	});		$("#test5").click(function(){		// 通过options参数,控制dialog		var dialog = jDialog.dialog({			title : '自定义对话框',			content : '大家好,我是jDialog.dialog!',			buttons : [				{					type : 'highlight',					text : '你好',					handler:function(button,dialog)					{						dialog.close();					}				}			]		});		});		$("#test6").click(function(){		var dialog = jDialog.message('大家好,欢迎访问站长素材',{			autoClose : 3000,    // 3s后自动关闭			padding : '30px',    // 设置内部padding			modal: true         // 非模态,即不显示遮罩层		});	});		$("#test7").click(function(){		var dialog = jDialog.tip('大家好,欢迎访问jQueryfuns',{			target : $('#test7'),   			position : 'left-top',   			trianglePosFromStart :0,			autoClose : 1000,			offset : {        		top :-20,				left:10,				right:0,				bottom:0   			}		});	});

也许你还喜欢