好看的alert样式或者弹窗样式该样式是我⽹上搜寻的，风格好看⼜简洁，不失⼤雅！
就不过多描述了，⾃⼰体验⼀下吧~：
⼀、引⼊js和css⽂件
⼆、js调⽤替代alert
⼀、引⼊js和css⽂件
直接在head引⼊：
<link rel="stylesheet" type="text/css" href="www.huangwx/css/sweetalert.css">好看的css代码
<script type="text/javascript" src="www.huangwx/js/sweetalert-dev.js"></script>
2、或者下载之后再引⼊。
⼆、js调⽤替代alert
直接使⽤swal()函数替代alert函数即可，同时sweetalert还提供更加多样化的弹出框。
1、标准弹出框
swal("开始这个完美的弹出框旅程吧！")
swal("这是标题！","这是⽂本")
3、成功的提⽰，可以带动画效果的哦
swal("这还是标题！","这还是⽂本","success")
4、带函数传值的alert
swal({
title: "确定删除吗？",
text: "你将⽆法恢复该虚拟⽂件！",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "确定删除！",
cancelButtonText: "取消删除！",
closeOnConfirm: false,
closeOnCancel: false
},
function(isConfirm){
if (isConfirm) {
swal("删除！", "你的虚拟⽂件已经被删除。",
"success");
} else {
swal("取消！", "你的虚拟⽂件是安全的:)",
"error");
}
});
5、可以内嵌html代码的alert
swal({title: "HTML <small>标题</small>!"text: "⾃定义<span style='color:#0000FF'>这是蓝⾊的<span>。",html: true });

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。