优雅轻量级的网页alert弹窗美化插件 alertify.js
ztj100 2025-05-08 22:29 2 浏览 0 评论
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'); });相关推荐
- 利用navicat将postgresql转为mysql
-
导航"拿来主义"吃得亏自己动手,丰衣足食...
- Navicat的详细教程「偷偷收藏」（navicatlite）
-
Navicat是一套快速、可靠并价格适宜的数据库管理工具,适用于三种平台:Windows、macOS及Linux。可以用来对本机或远程的MySQL、SQLServer、SQLite、...
- Linux系统安装SQL Server数据库（linux安装数据库命令）
-
一、官方说明...
- Navicat推出免费数据库管理软件Premium Lite
-
IT之家6月26日消息，Navicat推出一款免费的数据库管理开发工具——NavicatPremiumLite，针对入门级用户，支持基础的数据库管理和协同合作功能。▲Navicat...
- Docker安装部署Oracle/Sql Server
-
一、Docker安装Oracle12cOracle简介...
- Web性能的计算方式与优化方案(二)
-
通过前面《...
- 网络入侵检测系统之Suricata(十四)——匹配流程
-
其实规则的匹配流程和加载流程是强相关的，你如何组织规则那么就会采用该种数据结构去匹配，例如你用radixtree组织海量ip规则，那么匹配的时候也是采用bittest确定前缀节点，然后逐一左右子树...
- 使用deepseek写一个图片转换代码（deepnode处理图片）
-
写一个photoshop代码，要求：可以将文件夹里面的图片都处理成CMYK模式。软件版本：photoshop2022，然后生成的代码如下：//Photoshop2022CMYK批量转换专业版脚...
- AI助力AUTOCAD，生成LSP插件（ai里面cad插件怎么使用）
-
以下是用AI生成的，用AUTOLISP语言编写的cad插件，分享给大家：一、将单线偏移为双线;;;;;;;;;;;;;;;;;;;;;;单线变双线...
- Core Audio音频基础概述（core 音乐）
-
1、CoreAudioCoreAudio提供了数字音频服务为iOS与OSX,它提供了一系列框架去处理音频....
- BlazorUI 组件库——反馈与弹层 (1)
-
组件是前端的基础。组件库也是前端框架的核心中的重点。组件库中有一个重要的板块：反馈与弹层！反馈与弹层在组件形态上，与Button、Input类等嵌入界面的组件有所不同，通常以层的形式出现。本篇文章...
- 怎样创建一个Xcode插件（xcode如何新建一个main.c）
-
译者：@yohunl译者注:原文使用的是xcode6.3.2,我翻译的时候,使用的是xcode7.2.1,经过验证,本部分中说的依然是有效的.在文中你可以学习到一系列的技能,非常值得一看.这些技能不单...
- 让SSL/TLS协议流行起来:深度解读SSL/TLS实现1
-
一前言SSL/TLS协议是网络安全通信的重要基石，本系列将简单介绍SSL/TLS协议，主要关注SSL/TLS协议的安全性，特别是SSL规范的正确实现。本系列的文章大体分为3个部分：SSL/TLS协...
- 社交软件开发6-客户端开发-ios端开发验证登陆部分
-
欢迎订阅我的头条号：一点热上一节说到，Android客户端的开发，主要是编写了，如何使用Androidstudio如何创建一个Android项目，已经使用gradle来加载第三方库，并且使用了异步...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 利用navicat将postgresql转为mysql
- Navicat的详细教程「偷偷收藏」（navicatlite）
- Linux系统安装SQL Server数据库（linux安装数据库命令）
- Navicat推出免费数据库管理软件Premium Lite
- Docker安装部署Oracle/Sql Server
- Docker安装MS SQL Server并使用Navicat远程连接
- Web性能的计算方式与优化方案(二)
- 网络入侵检测系统之Suricata(十四)——匹配流程
- 使用deepseek写一个图片转换代码（deepnode处理图片）
- AI助力AUTOCAD，生成LSP插件（ai里面cad插件怎么使用）
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- node卸载 (33)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- exceptionininitializererror (33)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)