<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>
