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

boyanx8个月前技术教程25

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插件

相关文章

图片延迟加载,你会使用吗?给你推荐几款插件,快来学习吧

图片延迟加载延迟加载就是当真正需要的时候,才执行加载操作。延迟加载作为Web前端性能优化的一种措施,已经越来越多的应用到各种程序中,而图片的延迟加载作为使用是最广泛的一种,更应该被我们掌握,今天我就给...

微软新浏览器 Spartan 将支持 JavaScript 扩展,或直接兼容 Chrome 插件

虽然还不确定十六个小时之后微软是不是会公开发布他们的新浏览器 Spartan,但现在看来它值得我们多等一等。Neowin 曾经提到过微软代号为 Spartan 的新浏览器将支持与 Chrome 类似的...

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

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

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

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

Grid.js - 跨框架的前端表格插件

只想简简单单画个表格,但 React,Vue,Angular,…,这么多前端框架,各自都有不同的表格渲染库。就没有表格库能“一次画表,到处运行”吗?来看看 Grid.js 这个跨框架的前端表格插件吧!...

Rainyday.js – 实现雨滴效果JS插件

Rainyday.js 背后的想法是创建一个 JavaScript 库,利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画。Rainyday.js 有功能可扩展的 API,例如碰撞检测和易...

发表评论    

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