Tippy.js – 轻量的Javascript Tooltip工具库,最好体验的tip提示工具

<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>

 简单粗暴,复制粘贴,浏览器打开。看效果,喜欢就撸就完了!!!

posted @ 2020-07-11 11:56  知风阁  阅读(384)  评论(1编辑  收藏  举报