一款jQuery对话框alert和confirm美化插件BeAlert

使用方法：

引入CSS样式文件

<link rel="stylesheet" href="BeAlert.css">

引入jQuery库文件

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="BeAlert.js"></script>

插件初始化、参数配置

$(function () {
    $("#alert").click(function () {
        alert("Hello world!", "welcome to my world :)", function () {
            //after click the confirm button, will run this callback function
        }, {type: 'success', confirmButtonText: 'OK'});
    });
    $("#confirm").click(function () {
        confirm("Are you sure?", "You will not be able to recover this imaginary file!", function (isConfirm) {
            if (isConfirm) {
                //after click the confirm
            } else {
                //after click the cancel
            }
        }, {confirmButtonText: 'Yes, delete it!', cancelButtonText: 'No, cancel plx!', width: 400});
    });
});

HTML结构

<h2><a href="javascript:;" id="alert">Alert</a></h2>
<h2><a href="javascript:;" id="confirm">Confirm</a></h2>

按说明调用函数

alert(title,message,callback,config);
confirm(title,message,callback,config);

Settings