1. simple dialogBox
			
			$('#btn-simple').click(function(){
				$('#simple-dialogBox').dialogBox({
					content: 'dialog content text,image,html file'
				});
			})
			
		
2. stantard dialogBox
			
			$('#btn-stantard').click(function(){
				$('#stantard-dialogBox').dialogBox({
					title: 'title text',
					hasClose: true,
					content: 'dialog content text,image,html file'
				});
			})
			
		
3. custom size dialogBox
			
			$('#btn-custom-size').click(function(){
				$('#custom-size-dialogBox').dialogBox({
					width: 500,
					height: 300,
					title: 'title text',
					hasClose: true,
					content: '<ul><li>Support custom dialog box style.</li><li>on the high version of brwosers support a series of animation effect</li><li>Support adaptive popup content size</li><li>Support the standard and the modal dialog box</li><li>Support IE7+,Firefox3+,Chrome and Oprea</li></ul>'
				});
			})
			
		
4. auto close dialogBox
			
			$('#btn-auto-close').click(function(){
				$('#auto-close-dialogBox').dialogBox({
					autoHide: true,
					time: 3000,
					title: 'title text',
					content: 'dialog content text,image,html file'
				});
			})
			
		
5. mask dialogBox
			
			$('#btn-mask').click(function(){
				$('#mask-dialogBox').dialogBox({
					hasClose: true,
					hasMask: true,
					title: 'title text',
					content: 'dialog content text,image,html file'
				});
			})
			
		
6. btn dialogBox
			
			$('#btn-btn').click(function(){
				$('#btn-dialogBox').dialogBox({
					hasClose: true,
					hasBtn: true,
					confirmValue: 'I am sure',
					confirm: function(){
						alert('this is callback function');
					},
					cancelValue: 'I will cancel',
					title: 'title text',
					content: 'dialog content text,image,html file'
				});
			})
			
		
8. effect dialogBox
			
			$('#btn-btn').click(function(){
				$('#btn-dialogBox').dialogBox({
					width: 500,
					height: 260,
					autoHide: true,
					time: 3000,
					effect: 'flip-horizontal',
					title: 'title text',
					content: 'dialog content text,image,html file'
				});
			})
			
		
9. type dialogBox
			
			$('#btn-type').click(function(){
				$('#type-dialogBox').dialogBox({
					type: 'correct'  //three type:'normal'(default),'correct','error',
					width: 300,
					height: 200,
					hasMask: true,
					autoHide: true,
					time: 3000,
					effect: 'fall',
					title: 'title text',
					content: 'dialog content text,image,html file'
				});
			})
			
		

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

来源:站长素材