炫酷的消息警告框美化插件【前端必备】

xunyu

演示地址：http://www.sdfymj.com/down/


正如上图你看到的这样，这就是今天要给大家分享的一款JAVASCRIPT弹窗插件—SweetAlert。SweetAlert是一款纯JS的WEB弹窗插件，不依赖其他任何第三方（如：jQuery等）组件，引用它只需要两个文件，一个SweetAlert的JS文件和一个CSS文件。这两个文件加起来才30K的大小，其中JS文件更是只有17K，所以它轻量。“麻雀虽小，但五脏俱全”，别看SweetAlert体积小，但弹窗的功能则是相当全，包括常规的警告窗口，确认窗口，输入窗口，甚至还包括在弹窗中使用AJAX加载的功能。当然，自定义主题也是全美地支持地，你甚至可以直接在配置中指定按钮的颜色等等。写到这里，完全不能用语言来描述SweetAlert的精美和笔者对她的喜爱啊。^_^SweetAlert的引入和使用也是非常地简单了，有三种方式可以引入SweetAlert：1.通过Bower引入：

1. <link rel="stylesheet" type="text/css" >
   
2. <script type="text/javascript" src="http://mishengqiang.com/sweetalert/js/sweetalert-dev.js"></script>

复制代码

手动下载：https://github.com/t4t5/sweetalert/archive/master.zip然后在需要弹窗的地方调用SweetAlert的swal函数即可：

1. swal({
   
2.   title: "错误!",
   
3.   text: "这里是错误信息!",
   
4.   type: "error",
   
5.   confirmButtonText: "确 定"
   
6. });

复制代码

github托管地址：http://t4t5.github.io/sweetalert/

lsh520

谢谢大牛

大牛牛大

好的，非常感谢

119117

6666

南瓜粥的甜

感谢楼主分享

1342836411

6666666666

yeen01

谢谢分享

有点困

谢谢大佬