簡單的說說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官網