我现在在a标签上添加了title属性,用来提示这个链接的功能,现在我想要让这个title弹窗在鼠标hover的瞬间快速弹出,而不是在等1-2s后弹出,该怎么做
我现在在a标签上添加了title属性,用来提示这个链接的功能,现在我想要让这个title弹窗在鼠标hover的瞬间快速弹出,而不是在等1-2s后弹出,该怎么做
自己写一个方法呗,
在a标签上添加一个data-title, 比如<a href="aaa" data-title="aaa">aaa</a>
通过js遍历所有的节点,然后在a标签旁边生成一个tooltip的dom
通过css判断,如果a hover的话,显示tooltip。没有hover的话,隐藏tooltip
css类似这样子
a:hover + .tooltip {
display: inline-block;
}
或者模仿bootstrap的tooltip写一个也行
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
最简单的方法用a标签的伪类去做一个假的提示,然后hover一下就ok
a:after{
}
a:hover a:after{
}