轻量的纯 JavaScript 动态提示工具插件库

2020-02-12

Tippy.js

Tippy.js是一款轻量级的纯js tooltip工具提示插件。该tooltip插件功能强大,提供多种动画效果和主题效果,并允许用户自定义tooltip主题和使用html代码作为tooltip的模板。

089c1592cd01423c886a92f4fcde1a8e.jpg

网站地址: https://atomiks.github.io/tippyjs/
GitHub: https://github.com/atomiks/tippyjs

Tippy.js使用

1.安装或引入

npm install --save tippy.js

<link rel="stylesheet" href="css/tippy.css">
<script src="path/to/tippy.js"/>

</link>

2.html

<button title="Tooltip">Text</button>

3.初始化

new Tippy('button')
原文链接:segmentfault.com

上一篇:CSS3圆锥渐变 conic-gradient
下一篇:tab切换+页面滚动
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部