jquery SweetAlert插件实现响应式提示框

jquery弹出层插件，支持消息提示、错误提示、确认框提示等。交互体验度非常好，大家都用微信支付、支付宝等完成用户体验度非常的不错。本插件至少要支持IE9+。使用方式也非常的简单、粗暴，很符合大众的jquery插件使用方法。

先给大家演示效果：

在线预览    源码下载

代码如下：

Sweet alert
A beautiful replacement for Javascript's "alert"
Download
So... What does it do?
Here's a comparison of a standard error message. The first one uses the built-in alert-function, while the second is using sweetalert.

Normal alert
Show error message
Code:
alert("Oops... Something went wrong!");
 



Sweet alert
Show error message
Code:
sweetalert("Oops...", "Something went wrong!", "error");

Pretty cool huh? Sweetalert automatically centers itself on the page and looks great no matter if you're using a desktop computer, mobile or tablet. It's even highly customizeable, as you can see below!
More examples
In these examples, we're using the shorthand function swal to call sweetalert.



A basic message
Try me!

swal("Here's a message!")



A title with a text under
Try me!

swal("Here's a message!", "It's pretty, isn't it?")



A success message!
Try me!

swal("Good job!", "You clicked the button!", "success")



A warning message, with a function attached to the "/confirm/i"-button...
Try me!

以上就是本文通过代码给大家详解jquery Sweetalert插件实现响应式提示框，希望对大家有所帮助。