对于Jquery onhover,在DIV中显示文本而不是HREF标题标记

时间:2014-01-11 19:05:01

标签: jquery html css

目前我们有这个:

<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中,这样我们就可以根据自己的内容进行设计。

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

1 个答案:

答案 0 :(得分:0)

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

http://jqueryui.com/tooltip/