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

boyanx2个月前技术教程9

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

官网https://alertifyjs.com/

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

简单用法

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'); });
标签: js插件

相关文章

10个IntelliJ IDEA免费插件,Java工程师必备

对于Java开发者而言,借助IntelliJ IDEA丰富的插件生态系统,能大幅提升开发效率。从代码优化到调试,IntelliJ的各类插件可简化开发流程。以下为大家精心挑选了IntelliJ IDEA...

CesiumJS插件开发入门「Mixin」

一般来说,“插件”为软件增加了有用的功能。很多软件都支持自定义插件开发,比如QGIS,让广大用户对软件的功能有了极大的丰富。插件由软件的原始开发人员和其他想要扩展软件核心功能的独立用户编写。1、Ces...

前端资源-实用的JS插件

现在前端资源越来越多,有创意十足的,有实用性高的,这些对于设计师和前端人员来说都是不错的灵感和资源,所以我们可多关注这些信息,对自己的专业技术有也会帮助的。今天设计达人网为大家分享有:页面进度条、图像...

前端开发神器:那些不容错过的插件推荐

在前端开发的浩瀚宇宙中,各种插件如繁星般闪耀,它们能够极大地提升开发效率,优化用户体验。今天,就来给大家推荐几款实用到爆的前端插件。一、swiper.js如果你需要在网页中创建一个酷炫的轮播图,swi...

好用的JavaScript客户端PDF插件——jsPDF

介绍和往常一样,jsPDF是一个开源的客户端的PDF解决方案,在之前的文章中已经介绍过几个Web端和PDF相关的库,jsPDF同样是一个不错的客户端PDF引 SDK,你可以通过jsPDF在客户端完成相...

Swiper - 免费开源、功能强大的触摸滑动js特效插件

简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。js 滑动特效插件Swiper 是一款纯 javascript 打造的滑动特效插件,主要用对移动端 web 开发...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。