SweetAlert详解

sweetalert相关组件，该插件不需要jQuery库支持

<script src="sweetalert.min.js"></script>  
<link rel="stylesheet" href="sweetalert.css">

参数	描述	默认值
title	提示框标题	-
text	提示内容	-
type	提示类型，有：success（成功），error（错误），warning（警告），input（输入）。	-
showCancelButton	是否显示“取消”按钮。	-
animation	提示框弹出时的动画效果，如slide-from-top（从顶部滑下）等	-
html	是否支持html内容。	-
timer	设置自动关闭提示框时间（毫秒）。	-
showConfirmButton	是否显示确定按钮。	-
confirmButtonText	定义确定按钮文本内容。	-
imageUrl	定义弹出框中的图片地址。	-

例如:警告框

swal({ 
    title: "您确定要删除吗？", 
    text: "您确定要删除这条数据？", 
    type: "warning", 
    showCancelButton: true, 
    closeOnConfirm: false, 
    confirmButtonText: "是的，我要删除", 
    confirmButtonColor: "#ec6c62" 
}, function(isTrue){
    if(isTrue){
        alert()
    }else{
        alert()
    }
});

使用方式:

$(".demo_1 button").click(function() { 
    swal("这是一个信息提示框!"); 
});