JQuery实现超链接鼠标提示效果的方法

这篇文章主要介绍了JQuery实现超链接鼠标提示效果的方法,涉及jQuery针对鼠标事件及页面元素样式操作的相关技巧,需要的朋友可以参考下这篇文章主要介绍了JQuery实现超链

HTML设计如下：

代码如下:

<p><a href="http://www.jb51.net/" class="tooltip" title="欢迎访问脚本之家">欢迎访问脚本之家</a></p>

然后为class为tooltip的超链接添加mouseover和mouseout事件：

1

2

3

4

5

$("a.tooltip").mouseover(function(){ 

    //显示 title 

}).mouseout(function(){ 

    //隐藏 title 

});

实现这个效果的具体思路如下