推荐一个提示框框架 SweetAlert

最新推荐文章于 2021-03-16 19:38:26 发布

非著名架构师

最新推荐文章于 2021-03-16 19:38:26 发布

阅读量1.2k

点赞数

分类专栏：知识文档

本文链接：https://blog.csdn.net/a1ccwt/article/details/53219469

版权

知识文档专栏收录该内容

30 篇文章 1 订阅

订阅专栏

   
   <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
  <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="dist\sweetalert-dev.js"></script>  
<link rel="stylesheet" href="dist\sweetalert.css">
<script>
$(function (){
$("#div1").click(function() { 
   swal("这是一个信息提示框!"); 
  
});
});
</script>
<body>
<div id="div1">测试1</div>
</body>
</html>

详细参数

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

API

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

非著名架构师

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
推荐一个提示框框架 SweetAlert

html xmlns="http://www.w3.org/1999/xhtml">meta http-equiv="Content-Type" content="text/html; charset=utf-8" />无标题文档title>head> script src="https://code.jquery.com/jquery-2.1.3.min.js">script>script s
复制链接

扫一扫