freejs首页

dialogBox 对话框 自定义大小,自动关闭,打开iframe页面等不同效果

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'
					});
				})
				
			
10. load external page or url dialogBox
				
				$('#btn-iframe').click(function(){
					$('#iframe-dialogBox').dialogBox({
						hasMask: true,
						hasClose: true,
						hasBtn: true,
						effect: 'sign',
						title: 'title text',
						content: 'page/test.html'
					});
				})