首页 > Web开发 > 详细

简单的说说tippyjs的使用

时间:2020-02-11 19:12:05      阅读:107      评论:0      收藏:0      [点我收藏+]

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

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

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

技术分享图片

 

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

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

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

 

简单的说说tippyjs的使用

原文:https://www.cnblogs.com/dy105525/p/12295894.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!