优雅轻量级的网页alert弹窗美化插件 alertify.js

切图网aming
• 阅读 122

alertify.js是一款用于alert美化的插件,支持弹窗,提示,prompt,confirm等多中方式,并且调用简单,非常适合在项目中使用,也是切图网 qietu.com在前端切图项目中比较常用的一款js插件,切图网在选择一款js插件的时候 一般都要考虑性能,扩展性,文档等多种情况,才会使用,而alertify则算是位数不多在弹窗方便做的比较轻量而好用的了。除此以外,用于弹窗类的还有比较主流的layer.js,不过相比这下这个更加优雅,轻量。

官网https://alertifyjs.com/

文档也比较全面,下面附alertify.js的一些基础使用,包括一些参数、回调的使用,亲测可用,附代码:

优雅轻量级的网页alert弹窗美化插件 alertify.js

简单用法

alertify.success("

Success message

fasdf

")

alertify.error("Error message")

alertify.warning("Warning message")

alertify.message('

Normal message
fsadf
') 调用参数用法

alertify.set('notifier','position', 'bottom-left'); //设置定位 var notification = alertify.notify('sample', 'success', 5, function(){ console.log('dismissed'); });

点赞
收藏
评论区
推荐文章
Easter79 Easter79
2年前
vue 使用gojs绘制简单的流程图
在vue项目中需要展示工作流进度,可以使用的流程图插件很多flowchart.js http://adrai.github.io/flowchart.js/(https://www.oschina.net/action/GoToLink?urlhttp%3A%2F%2Fadrai.github.io%2Fflowchart.js%2F%2
冴羽 冴羽
2年前
搭建 VuePress 博客,你可能会用到的一些插件
前言在中,我们使用VuePress搭建了一个博客,最终的效果查看:。为了丰富站点的功能,我们可以直接使用一些现有的插件,本篇我们讲讲一些常用的插件。1.公告栏弹窗插件地址:安装:bashyarnadd@vuepressreco/vuepresspluginbulletinpopoverD使用:javascriptplugins:注意事项:查
布袋罗汉 布袋罗汉
1年前
Waves 14 Complete v10.04.2023
Waves14是一款非常优秀的音频插件套装,拥有多种不同的音频处理插件、高品质音效、简单易用的界面、完全兼容和兼容多平台等特点,可以帮助音频制作人员进行音频处理和混音,提高音频制作的效率和质量。如果您需要一款优秀的音频插件套装,可以考虑使用Waves14。
Stella981 Stella981
2年前
JS前端图形化插件之利器Gojs组件(php中文网)
JS前端图形化插件之利器Gojs组件(php中文网)一、总结一句话总结:php中文网我可以好好走一波二、JS前端图形化插件之利器Gojs组件参考:JS前端图形化插件之利器Gojs组件js教程PHP中文网http://
Stella981 Stella981
2年前
JTopo + Vue 实现自定义拖拽流程图
JTopoVue实现自定义拖拽流程图市场上做流程图的插件比较多,这里介绍一种基于canvas编写的js插件,结合vue框架做出精美的流程图首先搭建vue框架,这里就不做介绍,由于jtopo官方demo里用到了jquery,所以我的项目里也引用了jquery插件,鉴于这里用到了很多的dom操作,所
Stella981 Stella981
2年前
Jetbrains插件Protobuf Generator,支持GO等多种语言
ProtobufGenerator是基于GenProtobuf开发的一款jetbrains插件,在GenProtobuf的基础上增加了对PHP,GO和gomicro的支持。以替代命令行生成方式使得生成代码更加便捷。支持jetbrains全系列IDE(idea,phpstrom,goland,webstrom等)。插件使用说明:1,使用插件前需要安
Easter79 Easter79
2年前
VUE +element el
Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大)!(https://img2018.cnblogs.com/blog/1022288/201809/102228820180928101029146110495051.png)项目需求是要求能对element中的table进行拖拽行排序这里用到了so
Stella981 Stella981
2年前
Sketch 和 PS中的设计图如何实现“自动切图”?
切图是很多UI设计师的一项日常工作。平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成htmlcss布局的静态页面,有利于交互,形成良好的视觉感。但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做。这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己
燕青 燕青
11个月前
AE插件:GifGun for Mac 汉化版
是一款安装在AfterEffects中使用的AE快速输出GIF动图格式插件,你可以使用gifgun插件直接输出GIF动画格式,支持自定义GIF文件的大小、帧数率等各种属性
子桓 子桓
9个月前
AE 3D粒子系统插件 Trapcode Particular激活最新版
TrapcodeParticular是一款由RedGiant开发的强大的粒子效果插件,常用于AdobeAfterEffects中。该插件提供了广泛的粒子生成和控制工具,使用户能够轻松创建出令人惊叹的视觉效果和动态图形。以下是TrapcodeParticul
切图网aming
切图网aming
Lv1
关注用户体验,专注前端开发
文章
1
粉丝
0
获赞
0
热门文章

暂无数据