弹出框三之 sweetalert

1下载sweetalert

2.引入到项目中

<link href="~/Content/sweetalert.css" rel="stylesheet" />
<script src="~/scripts/jquery-1.10.2.min.js"></script>
<script src="~/scripts/sweetalert.min.js"></script>
<h2>Test1</h2>

<script>
    $(function () {
        swal({
            title: "操作提示",   //弹出框的title
            text: "确定删除吗？",  //弹出框里面的提示文本
            type: "warning",    //弹出框类型
            showCancelButton: true, //是否显示取消按钮
            confirmButtonColor: "#DD6B55",//确定按钮颜色
            cancelButtonText: "取消",//取消按钮文本
            confirmButtonText: "是的，确定删除！",//确定按钮上面的文档
            closeOnConfirm: true
        }, function () {

        });

    });
</script>

弹出框三之 sweetalert