<style >
#msgbox {
width:
5 rem;
height:
1 rem;
line-height:
1 rem;
background: rgba(
0,
0,
0,
0.6);
z-index:
999999;
color: #fff;
font-size:
0.3 rem;
text-align: center;
border-radius:
0.2 rem;
position: fixed;
left:
50%;
top:
50%;
-webkit-transform: translate(
-50%,
-50%);
-ms-transform: translate(
-50%,
-50%);
transform: translate(
-50%,
-50%);
}
</style>
<script>
function MyAlert(msg, msgbox) {
msgbox = msgbox ? msgbox :
"msgbox";
var msgbox =
"#" + msgbox;
if ($(msgbox).length >
0) {
return
false;
}
var timer;
var div =
'<div id="msgbox">' + msg +
'</div>'
clearTimeout(timer);
$(
'body').append(div);
timer = setTimeout(
function() {
$(msgbox).fadeOut(
300,
function() {
$(msgbox).remove();
});
},
1000)
}
</srcipt>