使用JavaScript在链接/光标位置放置弹出div的最简单方法是什么?

时间:2009-09-01 22:53:55

标签: javascript css

当用户点击某个链接时,我需要创建一个小弹出信息框。基本上只是一个隐藏的div,它漂浮在该位置的内容之上,几乎就像一个工具提示,但需要点击。

我已经尝试将event.clientX和clientY传递给style.left和style.right属性,但它似乎没有将它放在正确的位置。

只是想知道我是否有一种非常简单的方式可以忽略。

3 个答案:

答案 0 :(得分:3)

我建议您使用jQuery;它使Javascript更容易编写。

您的问题是event.clientX(和Y)相对于事件来自的元素。您需要在IE中使用event.pageXevent.pageY,或event.xevent.y

如果你使用jQuery处理事件,它会自动修复事情,让你只需使用pageXpageY

答案 1 :(得分:1)

使用库。在你感谢之后需要维护网站的人。

jQuery tooltip library

答案 2 :(得分:0)

听起来你需要一个工具提示给我。 YUI提供了一个开箱即用的小工具

http://developer.yahoo.com/yui/examples/container/tooltip.html