1.首先引入相应的js和css，该插件不需要jQuery插件的支持：
<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/sweetalert.css"/>
<script src="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/sweetalert.min.js"></script>
例： $(".demo_4 button").click(function() {
swal({
title: "您确定要删除吗？",
text: "您确定要删除这条数据？",
type: "warning",
showCancelButton: true,
closeOnConfirm: false,
confirmButtonText: "是的，我要删除",
confirmButtonColor: "#ec6c62"
}, function() {
$.ajax({
url: "do.php",
type: "DELETE"
}).done(function(data) {
swal("操作成功!", "已成功删除数据！", "success");
}).error(function(data) {
swal("OMG", "删除操作失败了!", "error");
});
});
});
2.参数说明：
参数 描述 默认值
title 提示框标题 -
text 提示内容 -
type 提示类型，有：success（成功），error（错误），warning（警告），input（输入）。 -
showCancelButton 是否显示“取消”按钮。 -
animation 提示框弹出时的动画效果，如slide-from-top（从顶部滑下）等 -
html 是否支持html内容。 -
timer 设置自动关闭提示框时间（毫秒）。 -
showConfirmButton 是否显示确定按钮。 -
confirmButtonText 定义确定按钮文本内容。 -
imageUrl 定义弹出框中的图片地址。