当前位置:Gxlcms > JavaScript > JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧

JavaScriptSweetAlert插件实现超酷消息警告框_javascript技巧

时间:2021-07-01 10:21:17 帮助过:6人阅读

今天给大家推荐一款不错的超酷消息警告框–SweetAlert;SweetAlert是一款不需要jQuery支持的原生js提示框,风格类似bootstrap。它的提示框不仅美丽动人,并且允许自定义,支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。和传统的alert相比:

这里写图片描述

SweetAlert 能在页面自动居中,支持桌面环境,移动端和平板,并且高度自定义。接下来看看它的具体使用!

HTML

首先引入相应的js和css,该插件不需要jQuery插件的支持:

然后放置6个不同的按钮:

JavaScript

定义js事件:

人气教程排行