Tippy.js – 轻量的 Javascript Tooltip 工具库

Posted phper12580

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Tippy.js – 轻量的 Javascript Tooltip 工具库相关的知识,希望对你有一定的参考价值。

<html>
  <head>
    <title>Tippy</title>
  </head>
  <body>
    <button data-tippy-content="我是你大爷">Text1</button>
    <button data-tippy-content="我是你二大爷">Text2</button>
    <button data-tippy-content="我是你三大爷">Text3</button>
    <button data-tippy-content="我是你四大爷">Text4</button>
    <button data-tippy-content="我是你五大爷">Text5</button>
    <script src="https://unpkg.com/@popperjs/core@2"></script>
    <script src="https://unpkg.com/tippy.js@6"></script>
    <script>
      tippy([data-tippy-content]);
    </script>
  </body>
</html>

 

以上是关于Tippy.js – 轻量的 Javascript Tooltip 工具库的主要内容,如果未能解决你的问题,请参考以下文章

前端实用工具库——轻量的纯 JavaScript 动态提示工具插件库

Javascript:销毁tippy.js实例

使用 CSS 文件导入的声明类型 (tippy.js)

JS 常用库汇总收集

Javascript中的轻量级规则引擎[关闭]

31款轻量高效的开源JavaScript插件和库