顯示文本，jQuery的onHover選項

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> 

我將不提供代碼的其餘部分，但「我們的承諾」時，上面盤旋， jquery被用來顯示一些文本。

與上面的代碼的缺點是onHover選項的文本被定義爲：

title="Message here" 

這不允許我們把圖像和具有對onHover選項消息的一些文本加粗等。所以我認爲我們需要'留言'文字在DIV中，以便我們可以對我們內心的內容進行調整。

請問這樣做的最好方法是什麼？非常感謝你。

Answer 1

您可以使用jQuery Tooltip。 這很容易。

http://jqueryui.com/tooltip/