修改window.alert样式

xqshun123

于 2024-07-21 13:56:19 发布

阅读量385

点赞数 4

文章标签： css3

本文链接：https://blog.csdn.net/xqshun123/article/details/140587379

版权

<html>
<head></head>
<script src='file:///C:/Users/Administrator/Desktop/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/jquery.js'></script>
<body>
1111
</body>
<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:22px;
float:right;
cursor:pointer;
}
#msg_cont{
padding:15px 20px 20px;
text-align:left;
}
#msg_clear{
display:inline-block;
color:#fff;
padding:1px 15px;
background:#8fc31f;
border-radius:2px;
float:right;
margin-right:15px;
cursor:pointer;
}
</style>
<script>

window.alert =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();
});
}
alert(11111);
</script>