swal 弹窗html页面,SweetAlert - 演示6种不同的提示框效果

SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。

查看演示

下载资源：

1612

次 下载资源

下载积分：

35

积分

HTML

首先放置6个不同的提示按钮。

基本示例：点击这里

提示成功：点击这里

提示失败：点击这里

提示确认：点击这里

定义内容：点击这里

确认输入：点击这里

接着引入sweetalert相关组件，该插件不需要jQuery库支持。

我们先看下前三种js，其余请看压缩文件的代码。 $(".demo_1 button").click(function() {

swal("这是一个信息提示框!