如何使用Javascript在鼠标指针旁边显示信息消息？

Question

当鼠标指针悬停在链接或按钮上时，如何使用Javascript显示鼠标指针旁边的信息消息？信息将始终位于鼠标指针旁边，直到鼠标移出链接/按钮。

Answer 1

是的，这是可能的。查看onmousemove事件处理函数。它传递一个event对象，该对象包含名为clientX和clientY的属性，这些属性是鼠标坐标。

当然，IE会以某种方式执行略微这样的事情，对您来说会很痛苦。一个Javascript库掩盖了这些差异并且会更容易，但是在普通的JS中做它并不太难。

Answer 2

使用jQuery，您将使用以下方法：

• http://docs.jquery.com/Events/mouseenter#fn
• http://docs.jquery.com/Events/mouseleave#fn
• http://docs.jquery.com/Events/mousemove#fn
• http://docs.jquery.com/UI/API/1.7/Dialog#option-position

应该比较清楚如何将它们拼接在一起。

Answer 3

Jin，Overlib正是您正在寻找的，如果您从其他网站获得了这个想法，很可能，该网站正在使用它。将鼠标悬停在已启用的元素上时，提示/信息始终存在 - 这是overLib的默认行为。它也可以轻松定制到主页上的众多示例之一：

http://www.bosrup.com/web/overlib/