Alert方法重写

在正规项目中，总感觉alert框是非常难看的，但是有的时候又必须添加alert框来给用户一种警醒，废话不多说，先上图

aaarticlea/jpeg;base64,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" alt="" />

下面是脚本代码，基于jQuery的

/// <summary>
/// 重写alert方法
/// </summary>
/// <param name="message">消息内容</param>
/// <param name="title">弹出窗标题</param>
/// <param name="title">点击确认按钮的回调函数</param>
window.alert = function (message, title, callbak) {
    /// <summary>
    /// 关闭Alert弹出窗
    /// </summary>
    (closeAlert = function () { $('#alert-window').remove(); })();
    var bg = $('<div class="alert-bg"></div>');
    var wnd = $('<div class="alert-wnd"><div class="alert-head"><center>'
                + (title || "提示信息")
                + '</center></div><div class="alert-body"><div class="alert-icon"><span></span></div><div class="alert-msg"><p>'
                + (message || '') + '</p></div></div><div class="alert-footer"><a class="btn btn-small" id="alert-confirm">确认</a></div></div>');
    window.top.$(document.body).append($('<div id="alert-window"></div>').append(bg).append(wnd).delegate('#alert-confirm', 'click', function () { closeAlert(); callbak && callbak(); }));
};

下面是css代码：

.btn {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-bottom: 0 none #B3B3B3;
    border-radius: 4px;
    border-right: 0 none #E6E6E6;
    border-top: 0 none #E6E6E6;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: 20px;
    margin-bottom:;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
a, input[type="button"] {
    border-left: 1px none;
}
a {
    color: #007FBF;
    outline: medium none;
    text-decoration: none;
}
a {
    color: #0088CC;
    text-decoration: none;
}
.alert-bg {
    background-color: #999999;
    bottom:;
    left:;
    position: fixed;
    right:;
    top:;
    z-index:;
    opacity: 0.3;
}

.alert-wnd {
    width: 320px;
    height: 120px;
    margin-left: -160px;
    margin-top: -160px;
    box-shadow: 5px 5px 5px #AAAAAA;
    left: 50%;
    top: 50%;
    z-index:;
    background-color: #ffffff;
    font-family: 'Microsoft YaHei';
    font-size: 12px;
    opacity:;
    position: fixed;
    border: 5px solid #999999;
}

    .alert-wnd .alert-head {
        height: 24px;
        border-bottom: 1px solid #999999;
        font-weight:;
        background-image: -moz-linear-gradient(top, #F1F1F1, #CCCCCC); /* Firefox */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #CCCCCC)); /* Saf4+, Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#CCCCCC', GradientType='0'); /* IE*/
    }

    .alert-wnd .alert-body {
        height: 60px;
    }

        .alert-wnd .alert-body .alert-icon {
            width: 80px;
            height: 60px;
            float: left;
        }

            .alert-wnd .alert-body .alert-icon span {
                background-image: url("../img/alert.png");
                width: 32px;
                height: 32px;
                display: block;
                float: left;
                margin-left: 20px;
                margin-top: 15px;
            }

        .alert-wnd .alert-body .alert-msg {
            float: left;
            width: 240px;
            height: 60px;
        }

            .alert-wnd .alert-body .alert-msg p {
                margin-top: 20px;
                width: 225px;
            }
.btn {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-bottom: 0 none #B3B3B3;
    border-radius: 4px;
    border-right: 0 none #E6E6E6;
    border-top: 0 none #E6E6E6;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline;
    font-size: 14px;
    line-height: 20px;
    margin-bottom:;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
a, input[type="button"] {
    border-left: 1px none;
}
a {
    color: #007FBF;
    outline: medium none;
    text-decoration: none;
}
a {
    color: #0088CC;
    text-decoration: none;
}
/*文飞  20:52:07 */
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left:;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline:;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

对了还有一个资源文件

当加上上述代码到你的工程中，普通的alert方法就会产生如图的效果。这样alert的样式就随心所欲了。

现在还有没解决的问题是，这种alert框不能像浏览器自带的alert框那样停止脚本的运行，有没有完美的解决方案呢？