源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
#msg {
width: 266px;
position: fixed;
z-index: 999;
top: 49%;
margin-top: -80px;
left: 50%;
margin-left: -133px;
background: #fff;
box-shadow: 5px 5px 8px #999;
font-size: 17px;
color: #666;
border: 1px solid #f8f8f8;
text-align: center;
line-height: 2rem;
display: inline-block;
padding-bottom: 20px;
border-radius: 2px;
}
#msg_top {
background: #f8f8f8;
padding: 5px 15px 5px 20px;
text-align: left;
}
#msg_top span {
font-size: 18px;
float: right;
cursor: pointer;
}
#msg_cont {
padding: 15px 20px 20px;
text-align: left;
}
#msg_clear {
display: inline-block;
color: #fff;
padding: 1px 15px;
background: skyblue;
border-radius: 2px;
margin: 0 auto;
margin-right: 15px;
cursor: pointer;
}
</style>
</head>
<body>
</body>
<script>
window.alert = function alert(e) {
$("body").append(
'<div id="msg"><div id="msg_top">修改过的弹框<span class="msg_close">×</span></div><div id="msg_cont">' +
e +
'</div><div class="msg_close" id="msg_clear">确定</div></div>'
);
$(".msg_close").click(function() {
$("#msg").remove();
});
};
</script>
</html>
效果图:
