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

boyanx3个月前技术教程15

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...

前端资源-实用的JS插件

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

超好用 Vue.js 图片裁切组件Vue-ImgCutter

今天给小伙伴们分享一个超棒的Vue图片任意裁剪插件VueImgCutter。vue-img-cutter 基于 vue2.x 构建的轻量级剪切图片组件。支持移动图像、放大缩小图片、任意移动图片、固定比...

VS Code当中的15个神仙插件,值得收藏

Visual Studio Code 是一款轻量级但功能强大的源代码编辑器,适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js...

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

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

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

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

发表评论    

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