非常优美的弹出提示框SweetAlert

SweetAlert的简单使用

SweetAlert可以替代JavaScript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。

这个插件是真的好用，样式也是非常优美；相对于其他的前端框架的弹出框，这个显得更加简洁方便，个人是极力推荐的~

要使用该插件，首先要导入相关的文件；
然后下面举出三个例子，其他具体信息详见官网。

最简单的调用方法(只有一行字，一个确定按钮)：

swal("HelloWorld!");

也可以写带有标题信息的：

swal("恭喜","操作成功","success");

上述参数意思分别是：标题、文本、提示类型（success,error,warning,input）

还可以带有更多自定义功能具有回调函数的功能型提示框：

swal({title: "确认提交?",type: "warning",showCancelButton: true,confirmButtonColor: "#DD6B55",confirmButtonText: "确认",cancelButtonText: "取消",closeOnConfirm: false,closeOnCancel: true}, function(isConfirm){if (isConfirm) {f.submit();} else {}});

非常优美的弹出提示框SweetAlert相关推荐

弹出提示框自动消失
我们在进行增.删.改.查的时候,很多时候都需要一个提示信息以表明所做操作的成功等状况.有些人喜欢用alert()来提示,这不太人性化,因为alert()弹出来的提示框必须点确定才能继续进行其它操作.我 ...
Unity3D中角色撞击物体弹出提示框或显示对象效果
角色撞击物体弹出提示框或显示对象效果刚开始使用的是调用SetActive方法例: 在Start()函数中设置对象的SetActive属性为false,在函数 void start() {gameo ...
C#web弹出提示框的几种方法
在C#制作网站中我用到的弹出提示框的方法如下: 构造一个函数msgbox,然后调用. #region 实现MsgBox功能 /// /// 显示"确定"点击以后就转 ...
IOS弹出提示框(确认/取消)
在移动开发之中,系统弹出提示框是很常见的需求,比如,账户密码输入不正确的时候,给予客户提示"输入不正确,请再次输入!": 此文章不做详细的描述,因为这个东西的话,也很简单,如果要以 ...
php右小角弹出框,js右下角弹出提示框示例代码
本文实例讲解了网页右下角弹出广告信息框实例代码,分享给大家供大家参考,具体内容如下效果图: 具体代码: 网页右下角的信息框 #winpop { width:200px; height:0px; po ...
php 右下脚弹窗,JavaScript实现右下角弹出提示框的方法
在我们日常开发工作中,我们会经常遇到需要在页面的右下角弹出提示框或者广告的小功能,这样是为了更好的让用户体验,那么如何实现网页右下角弹出提示框呢?今天我们就带大家介绍下JavaScript实现右下角弹 ...
JS的三种弹出提示框(alert、confirm、prompt)
三种弹出提示框 1.alert() 2.confirm() 3.prompt() 1.alert() 方法会弹出一个警告框,只有确定按钮 alert('这是个警告框') 2.comfim() 会弹出一 ...
js的alert弹框中怎么写html,JavaScript基础教程之alert弹出提示框实例
alert 命令弹出一个提示框为便于对 JavaScript 有一个直观的认识,本节会提供几个简单的实例供 JavaScript 入门学习之用.下面的代码是一个弹出提示框的例子: alert(&qu ...
html中如何写一个提示框,html弹出公告 html中点击列表文字弹出提示框？
怎么在网页制作中给主页设置弹出公告,要CSS布局HTML小编今天和大家分享在主页打... 无标题文档 45565 把style属性加给你的弹窗标签就可以了,宽高位置均可变. 哪位前辈高手有html的窗 ...

非常优美的弹出提示框SweetAlert

SweetAlert的简单使用

非常优美的弹出提示框SweetAlert相关推荐

最新文章

热门文章