前端之家收集整理的这篇文章主要介绍了
jquery工具提示,但点击而不是悬停,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们使用’title’
属性来
显示鼠标悬停.我们现在希望它在点击时
显示.如何获得一个看起来像
标题/工具
提示的浮动框,但是可以按需
显示和隐藏而不是绑定到悬停?
如果您想要手动编码,这应该可以胜任:
html:
<div id="tooltip" style="display:none;">bla bla</div>
<div id="yourLink">Click here to show the tooltip!</div>
和JS:
$('#yourLink').click(function(){
$('#tooltip').toggle();
});
您只需要正确设置工具提示div的样式
那里还有很好的工具提示插件. iftrue提到一个,还有this one
原文链接:https://www.f2er.com/jquery/175709.html