JavaScript onmousemove显示div并跟随鼠标

时间:2010-12-04 22:50:27

标签: javascript onmousemove

我的应用中有一个客户记录列表(表中的tr)。

当用户将鼠标悬停在记录(tr)上时,我想显示一个悬停在其他记录上的div,并显示有关该记录的更多详细信息。

我希望div然后用鼠标移动 - 即如果他们将鼠标向右移动20个像素以便他们可以在记录上看到不同的字段(tr),那么现在未隐藏的div应该移动20个像素到跟随光标的权利。

这可以使用Javascript / CSS吗?

3 个答案:

答案 0 :(得分:1)

是。使用CSS属性visiblility:visible/hidden执行可见/不可见部分,将position设置为absolute,然后将值分配给top(y坐标)和leftmousemove元素上的x坐标。

答案 1 :(得分:1)

很可能,它们被称为“工具提示”,其中可能存在大量的工具提示。看起来有一个here是轻量级的,可以满足您的需求 如果你正在使用一个框架(jQuery / prototype / mootools等),那么很可能会有插件也会这样做。

答案 2 :(得分:0)

对于预先打包的jquery解决方案:http://jquery.bassistance.de/tooltip/demo/

查看有跟踪的示例。