默认的alert总是在好看的样式下显得格格不入，所以在网上搜寻良久，终于找到了一个完美的美化方案。体验请点我
一、引入js和css文件
二、js调用替代alert
一、引入js和css文件
1、直接在head引入
<link rel="stylesheet" type="text/css" href="http://www.huangwx.cn/css/sweetalert.css">
<script type="text/javascript" src="http://www.huangwx.cn/js/sweetalert-dev.js"></script>2、下载之后再引入，下载链接在文末。
二、js调用替代alert
直接使用swal()函数替代alert函数即可，同时sweetalert还提供更加多样化的弹出框。
1、标准弹出框
swal("开始这个完美的弹出框旅程吧！")
2、带标题和文本的alert
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
});
附：
1、js+css下载地址：点我
2、阿里云100+产品1000元代金券：点我领取
3、企业高性能云首购5折：点我点我
4、突发性实例特价，1核1G，1年仅需293：点我查看
函数的更多用法，请访问SweetAlert中文网，同时该项目来源于GitHua的SweetAlert项目
个人博客：www.huangwx.cn
