JavaScript onmousemove显示div并跟随鼠标
我的应用程序中有一个客户记录列表(tr在表中) 当用户将鼠标悬停在记录(tr)上时,我想显示一个div,它悬停在其他记录上,并显示有关该记录的更详细信息 我希望div随后随鼠标移动-也就是说,如果他们将鼠标向右移动20个像素,以便可以看到记录(tr)上的不同字段,那么现在未隐藏的div应该向右移动20个像素,以跟随光标JavaScript onmousemove显示div并跟随鼠标,javascript,onmousemove,Javascript,Onmousemove,我的应用程序中有一个客户记录列表(tr在表中) 当用户将鼠标悬停在记录(tr)上时,我想显示一个div,它悬停在其他记录上,并显示有关该记录的更详细信息 我希望div随后随鼠标移动-也就是说,如果他们将鼠标向右移动20个像素,以便可以看到记录(tr)上的不同字段,那么现在未隐藏的div应该向右移动20个像素,以跟随光标 这可以通过Javascript/CSS实现吗 是的。使用CSS属性visibility:visible/hidden执行可见/不可见部分,将位置设置为绝对,然后将值分配给mous
这可以通过Javascript/CSS实现吗 是的。使用CSS属性
visibility:visible/hidden
执行可见/不可见部分,将位置设置为绝对
,然后将值分配给mousemove
元素上的顶部
(y坐标)和左侧
(x坐标)。很可能,它们被称为“工具提示”那里可能有很多这样的人。看起来有一款轻量级的,可以满足您的需求。
如果您使用的是一个框架(jQuery/prototype/mootools等),那么很可能会有插件也会这样做。对于预打包的jQuery解决方案:
请查看具有跟踪功能的示例