js超酷消息警告框美化插件

演示地址：考高分网-致力于简单高效的学习网 (kaotop.com)http://www.kaotop.com/

正如上图你看到的这样，这就是今天要给大家分享的一款JAVASCRIPT弹窗插件—SweetAlert。

SweetAlert是一款纯JS的WEB弹窗插件，不依赖其他任何第三方（如：jQuery等）组件，引用它只需要两个文件，一个SweetAlert的JS文件和一个CSS文件。

这两个文件加起来才30K的大小，其中JS文件更是只有17K，所以它轻量。“麻雀虽小，但五脏俱全”，别看SweetAlert体积小，但弹窗的功能则是相当全，包括常规的警告窗口，确认窗口，输入窗口，甚至还包括在弹窗中使用AJAX加载的功能。

当然，自定义主题也是全美地支持地，你甚至可以直接在配置中指定按钮的颜色等等。

写到这里，完全不能用语言来描述SweetAlert的精美和笔者对她的喜爱啊。^_^

SweetAlert的引入和使用也是非常地简单了，有三种方式可以引入SweetAlert：1.通过Bower引入：

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

　手动下载：https://github.com/t4t5/sweetalert/archive/master.zip

然后在需要弹窗的地方调用SweetAlert的swal函数即可：

swal({title: "错误!",text: "这里是错误信息!",type: "error",confirmButtonText: "确 定"
});

github托管地址：SweetAlert

js超酷消息警告框美化插件相关推荐

超酷消息警告框插件（SweetAlert）
今天给大家推荐一款不错的超酷消息警告框–SweetAlert:SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap.它的提示框不仅美丽动人,并且允许自定义,支持 ...
html js 循环提示框,纯js超酷消息提示框插件notice.js
notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...
sweetalert php,SweetAlert-js超酷消息警告框插件
简单介绍 SweetAlert是一款神奇的javascript弹出消息警告框插件.可替换所有alert弹框使用方法要使用该插件,首先要在header中引入以下文件(已打包附件内,上传注意是模版文件 ...
html5 下拉框美化,纯js超酷select下拉框美化插件
tastySelect是一款纯js超酷select下拉框美化插件.tastySelect下拉框插件支持多选,内置两种主题,使用CSS3动画过渡效果,整体设计时尚大方. 使用方法在页面中引入tasty ...
html复选框美化插件,js和css3超酷checkbox复选框美化插件
这是一款效果超超酷的js和css3 checkbox复选框美化插件.这个checkbox复选框美化插件最大的特点是可以拖动进行复选框的多选,当你选择一个复选框后,按住它往下拖动,下面的复选框也会被选择 ...
jquery.chosen.js下拉选择框美化插件项目实例
由于之前使用的bootstrap-select插件是建立在bootstrap基础上的,实际使用到项目中的时候,与我们使用的ace-admin(基于bootstrap)存在样式冲突,导致下拉框的样式发生 ...
vue自定义插件封装一个类似 element 中 message 消息提示框的插件
vue自定义插件封装一个类似 element 中 message 消息提示框的插件一.资源文档 1.vue内置组件 transition 2.Vue.use() 3.Vue.extend() 4. ...
超酷的模态框效果 - Nifty
dreamweaver免费视频教程:http://www.51rgb.com/mproductzh.aspx?classid=31加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费 ...
html复选框美化插件,Labelauty – jQuery单选框/复选框美化插件
Labelauty – jQuery单选框/复选框美化插件分类:代码日期:2016-08-02 点击(38,744) 下载(0) 来源:未知收藏下拉框美化插件经常见到,如之前介绍过的 Drop ...

js超酷消息警告框美化插件

js超酷消息警告框美化插件相关推荐

最新文章

热门文章