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;
$('<div>').appendTo('body').addClass('alert ' + style).html(message).show().delay(time).fadeOut();
};
// 信息提示
var info_prompt = function(message, time){
prompt(message, 'alert-info', time);
};