dialogBox

dialogBox is a jQuery plugin of customizable, styleable dialog box.

Features

• Support custom dialog box style.
• on the high version of brwosers support a series of animation effect
• Support adaptive popup content size
• Support the standard and the modal dialog box
• Support IE7+,Firefox3+,Chrome and Oprea

Usage

HTML

<input  type="button" value="click me" id="btnDialog" />
<div id="dialog"></div> <!-- custom dialog box layer(must defined) -->

Link to the jQuery.js file:

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>

Link to the jquery.dialogBox.js file:

<script src="js/jquery.dialogBox.js"></script>

Add the CSS file:

<link rel="stylesheet" type="text/css" href="css/jquery.dialogbox.css">

To initialize:

$(function(){
	$('#btnDialog').click(function(){
		$('#dialog').dialogBox({
			autoHide: true,
			hasClose: true,
			effect: 'fade',
			hasBtn: true,
			type: 'correct',
			title: 'I am title text',
			content: 'I am a dialog box! Please custom styles base on options!'
		})
	})
})

License

Copyright © 2015 YuChao Liu Licensed under the MIT license.