单击按钮时的工具提示

Question

我需要在onClick上显示工具提示（而不是悬停），它应该在200ms后淡出

有任何帮助吗？

Answer 1

我想建议Twitter Bootstrap库 - 它拥有你想要的一切，并且已经非常巧妙地实现了 http://twitter.github.com/bootstrap/javascript.html#tooltips

Answer 2

我通常使用这个jQuery-plugin：

TipTip jQuery Plugin

以下是HTML代码示例：

<img class="example" src="example.jpg" title="Example text" />

您可以像这样自定义工具提示：

$(document).ready(function(){
    $(".example").tipTip({activation: "click"});
});

单击图像时会出现工具提示，但只有在鼠标移出图像时它才会消失。