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>
复制代码

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

作者:itbaby

出处:https://www.cnblogs.com/itbaby/p/13283048.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   知风阁  阅读(447)  评论(1编辑  收藏  举报
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示