js修改样式_JavaScript效果非常棒的提示组件——Tippy.js

简要介绍

Tippy.js是JavaScript用于提示作用的轻量级组件，提供基于按钮、菜单等HTML元素的提。其扩展功能非常强大，可以提供位置修改、动画、箭头样式、弹出特效、延迟显示、主题修改与嵌套提示等功能。它是独立的没有依赖的组件。目前最新版本：v6.2.7。

Github地址

https://github.com/atomiks/tippyjs

特性

智能：优化的定位引擎，可防止翻转和溢出

通用：适用于鼠标，键盘和触摸输入

类型：开箱即用的TypeScript支持

主题化：通过自定义CSS样式，包括额外的主题和动画

安装

# npm

npm i tippy.js

# Yarn

yarn add tippy.js

引用

import tippy from 'tippy.js';

import 'tippy.js/dist/tippy.css';

效果

My Button

tippy('#myButton', {

content: "I'm a Tippy tooltip!",

});