jquery - 在 DIV 中显示文本而不是 HREF 标题标签，用于悬停时的 Jquery

Question

目前我们有这个:

<a href="#" title="Message here" style="color:#333; margin:0px; padding:0px; float:left;">
    <div style="float:left; margin:5px 0 0 20px; padding:0px; width:155px;"  id="show-option" >
        <div style="float:left; margin:0px 0 0 0px; padding:0px;">
            <img src="block-1.png"/>
        </div>
        <div style="float:left; margin:5px 0 0 12px; padding:0px; font-size: 12px;">
            Our Promise
        </div>     
    </div>
</a>

我不会提供其余代码，但是当“我们的 promise ”悬停在上方时，jquery 用于显示一些文本。

上面代码的缺点是悬停文本定义为:

title="Message here"

这不允许我们为悬停消息放置图像和加粗文本等。所以我认为我们需要将“Message here”文本放在 DIV 中，以便我们可以根据自己的喜好设计样式。

请问最好的方法是什么？非常感谢。

Answer 1

您可以使用 jQuery 工具提示。这很容易。

http://jqueryui.com/tooltip/