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  });

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