我的应用中有一个客户记录列表(表中的tr)。
当用户将鼠标悬停在记录(tr)上时,我想显示一个悬停在其他记录上的div,并显示有关该记录的更多详细信息。
我希望div然后用鼠标移动 - 即如果他们将鼠标向右移动20个像素以便他们可以在记录上看到不同的字段(tr),那么现在未隐藏的div应该移动20个像素到跟随光标的权利。
这可以使用Javascript / CSS吗?
答案 0 :(得分:1)
是。使用CSS属性visiblility:visible/hidden
执行可见/不可见部分,将position
设置为absolute
,然后将值分配给top
(y坐标)和left
( mousemove
元素上的x坐标。
答案 1 :(得分:1)
很可能,它们被称为“工具提示”,其中可能存在大量的工具提示。看起来有一个here是轻量级的,可以满足您的需求 如果你正在使用一个框架(jQuery / prototype / mootools等),那么很可能会有插件也会这样做。
答案 2 :(得分:0)
对于预先打包的jquery解决方案:http://jquery.bassistance.de/tooltip/demo/。
查看有跟踪的示例。