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

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

官网https://alertifyjs.com/

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

image-1-768x430

简单用法

alertify.success("<h4>Success message</h4><p>fasdf</p>")

alertify.error("Error message")

alertify.warning("Warning message")

alertify.message('<div style="line-height:1.1; text-align:left;"><div>Normal message</div><div>fsadf</div></div>') 调用参数用法

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

点赞
收藏

评论区

加载中...

相关推荐

搭建 VuePress 博客,你可能会用到的一些插件

前言在中,我们使用VuePress搭建了一个博客,最终的效果查看:。为了丰富站点的功能,我们可以直接使用一些现有的插件,本篇我们讲讲一些常用的插件。1.公告栏弹窗插件地址:安装:bashyarnadd@vuepressreco/vuepresspluginbulletinpopoverD使用:javascriptplugins:注意事项:查

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

Waves 14 Complete v10.04.2023

Waves14是一款非常优秀的音频插件套装,拥有多种不同的音频处理插件、高品质音效、简单易用的界面、完全兼容和兼容多平台等特点,可以帮助音频制作人员进行音频处理和混音,提高音频制作的效率和质量。如果您需要一款优秀的音频插件套装,可以考虑使用Waves14。

JS前端图形化插件之利器Gojs组件(php中文网)

JS前端图形化插件之利器Gojs组件(php中文网)一、总结一句话总结:php中文网我可以好好走一波二、JS前端图形化插件之利器Gojs组件参考:JS前端图形化插件之利器Gojs组件js教程PHP中文网http://

JTopo + Vue 实现自定义拖拽流程图

JTopoVue实现自定义拖拽流程图市场上做流程图的插件比较多,这里介绍一种基于canvas编写的js插件,结合vue框架做出精美的流程图首先搭建vue框架,这里就不做介绍,由于jtopo官方demo里用到了jquery,所以我的项目里也引用了jquery插件,鉴于这里用到了很多的dom操作,所

Jetbrains插件Protobuf Generator,支持GO等多种语言

ProtobufGenerator是基于GenProtobuf开发的一款jetbrains插件,在GenProtobuf的基础上增加了对PHP,GO和gomicro的支持。以替代命令行生成方式使得生成代码更加便捷。支持jetbrains全系列IDE(idea,phpstrom,goland,webstrom等)。插件使用说明:1,使用插件前需要安