bootstrap - alert

<style>
.alert{
    display: none;
    position: fixed;
    top: 1%;
    left: 45%;
    z-index: 999;
    border: 1px solid transparent;
    border-radius: 5px;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-warning {
    color: #8a6b3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
</style>
<script>
/*
 * .alert-success
 * .alert-info
 * .alert-warning
 * .alert-danger
 */
function alertShow(style, message){
    $('.alert').remove();
    $('<div>').appendTo('body').addClass('alert ' + style).html(message).show();
}
function alertHidden(time){
    $('.alert').delay(time).fadeOut();
}
</script>

返回文章列表 文章二维码 打赏
本页链接的二维码
打赏二维码
期待你的评论