jquerySweetAlert插件实现响应式提示框_javascript技巧

先给大家演示效果：

在线预览 源码下载

代码如下：

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"-button...

  Try me!