zoukankan      html  css  js  c++  java
  • 简单的说说tippyjs的使用

    我们会接触到很多插件的使用,但是我们该如何的去使用呢,本人建议多学习英语,会对开发很有帮助的

    为什么说是多去学习它,接下来我们就来说说:

    当你没学习英语看到下面的官网是这样子的

     当你会英语了,你就会觉得很简单,很多东西看看就明白了,但是我们可以用翻译

    翻译虽然说是有点点好,但是我要说的是少用翻译,因为翻译过来的很多我们都不太读的通,这就是翻译的弊端,只能够去猜个大概,接下来我们就来使用下这个插件吧,有兴趣的小伙伴自己去研究

    <button id="myButton">My Button</button>

    上面也可以是其它标签,只需要添加对应的id即可

    下面是js代码:

     1 <script src="https://unpkg.com/popper.js@1"></script>
     2 <script src="https://unpkg.com/tippy.js@5/dist/tippy-bundle.iife.js"></script>
     3 
     4 
     5 <script type="text/javascript">
     6    tippy('#Header1_HeaderTitle', {
     7        content: "点一哈嘛"
     8    });
     9 
    10 </script>

    效果图:

     现在就可以直接使用了,注意这里不需要引用css,在js里面就包含了,要使用css请移步官网

    下面我就直接给官网链接吧,有时间的慢慢去学习:

    tippyjs官网

  • 相关阅读:
    HTTP协议详解【转】
    Spring中的IOC和AOP
    Servlet生命周期
    Struts2基本原理【转】
    继承映射的三种方式
    树状数组(两个树状数组累计)
    二维数组数组(区间更新+单点查询)
    东西海岸(逆序对)
    离散化+单点更新+区间求和
    单调栈+dp
  • 原文地址:https://www.cnblogs.com/dy105525/p/12295894.html
Copyright © 2011-2022 走看看