<style type="text/css">
#msg{
position: fixed;
z-index:999;
top: 50%;
margin-top:-80px;
left:50%;
margin-left:-133px;
width:30%;
height:auto;
background:#DBF992;/*主弹窗颜色*/
box-shadow:5px 5px 8px #999;
font-size:17px;
color:#666;
border:2px solid blue;
text-align: center;
line-height: 2rem;
display:inline-block;
padding-bottom:20px;
border-radius:2px;
}
#msg_top{
background:#54A7FF;/*弹窗头部背景颜色*/
padding:5px 15px 5px 20px;
text-align:left;
}
#msg_top span{
font-size:44px;/*右上关闭X标记*/
float:right;
cursor:pointer;
}
#msg_cont{
padding:20px 20px 20px;
text-align:left;
}
#msg_clear{
display:inline-block;
color:red;/*确定按钮文本颜色*/
padding:1px 15px;
background:#FF6C00;/*确定按钮颜色*/
border-radius:2px;
float:right;
margin-right:15px;
cursor:pointer;
width: 50%;
line-height: 30px;
font-size:22px;
}
#msg_clear:hover{
background:#999;/*确定按钮颜色*/
}
</style>
<script>
function alert(e){
$("body").append('<div id="msg"><div id="msg_top"><img src="http://wangjunmechdevise.blog.163.com/blog/animated_favicon.gif" alt=""> <b>Prompt information</b> <span class="msg_close">×</span></div><div id="msg_cont">'+e+'</div><div class="msg_close" id="msg_clear">Confirm</div></div>');
$(".msg_close").click(function (){
$("#msg").remove();
});
}
</script>
JS系统默认弹框样式修改
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- html部分: label for属性规定与表单元素绑定radio单选框, 相同的name名字可以达到互斥...
- (楼主亲测: Chrome&Safari&UC 中可行，fire&IE 不可行。所以如果你在考虑各种浏览器的兼容性...
