js小弹框,带自动关闭效果

css代码

.msg {
    text-align: center;
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 200px;
    margin-left: -100px;
    z-index: 99999;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.msg-info{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

js代碼

//提示信息方法
var prompt = function (message, style, time){
    style = (style === undefined) ? 'alert-success' : style;
    time = (time === undefined) ? 1200 : time;
    $('
').appendTo('body').addClass('alert ' + style).html(message).show().delay(time).fadeOut(); }; // 信息提示 var info_prompt = function(message, time){ prompt(message, 'alert-info', time); };

你可能感兴趣的:(js小弹框,带自动关闭效果)