文章图片
【Tippy.js - 免费开源且高度可定制的气泡提示独立组件】推荐一个非常优秀的 web 气泡提示独立UI组件。
介绍
Tippy.js 是一款用于Web的完整工具提示,弹出菜单,下拉菜单和菜单解决方案。适用于鼠标,键盘和触摸输入。
文章图片
特点
- 超轻量的纯 javascript 实现,无依赖;
- 不仅支持纯文本提示,也支持强大的html内容,支持嵌套;
- 除了IE都支持,浏览器兼容性好,在低端设备也能够保持很高的性能;
- 通过自定义CSS样式进行高度定制,包括额外的主题和酷炫的动画。
这是一个几乎包含所有能想到的气泡提示组件该有的功能,并且仍然保持清亮简洁的一个js组件库,内置的主题已经能满足很多项目的开发需求,除了常见的文本提示,也可以通过往容器里放html代码来作为菜单、复杂悬浮框的交互效果,非常的强大,很适合用于操作复杂的、需要提示的工具类产品。
文章图片
文章图片
文章图片
很多UI组件库都有类似的气泡提示组件,但如果你只是面对有气泡提示需求的工具类项目,也有根据设计师的视觉稿定制主题的需要,Tippy.js 可能是更好的选择。
免费使用说明
Tippy.js 在 github 开源,可以自由下载学习和免费使用,包括商用。这是独立组件中非常不错的一个小组件,祝各位搬砖愉快。
原文:https://www.thosefree.com/tippy-js
推荐阅读
- base64图片大小的计算与压缩
- Day 91/100 JS中宏任务(setTimeout)和微任务(async await)的执行顺序的demo
- 问题集合(1)
- 2022秋招前端面试题(五)(附答案)
- 2022秋招前端面试题(三)(附答案)
- Driver.js - 开源无依赖的 web 新手交互引导工具库,功能强大、高度可定制
- 从编译的角度来学作用域!
- arguments
- 聊聊JavaScript中你不知道的知识点