Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript onmousemove显示div并跟随鼠标_Javascript_Onmousemove - Fatal编程技术网

JavaScript onmousemove显示div并跟随鼠标

JavaScript onmousemove显示div并跟随鼠标,javascript,onmousemove,Javascript,Onmousemove,我的应用程序中有一个客户记录列表(tr在表中) 当用户将鼠标悬停在记录(tr)上时,我想显示一个div,它悬停在其他记录上,并显示有关该记录的更详细信息 我希望div随后随鼠标移动-也就是说,如果他们将鼠标向右移动20个像素,以便可以看到记录(tr)上的不同字段,那么现在未隐藏的div应该向右移动20个像素,以跟随光标 这可以通过Javascript/CSS实现吗 是的。使用CSS属性visibility:visible/hidden执行可见/不可见部分,将位置设置为绝对,然后将值分配给mous

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

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

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


这可以通过Javascript/CSS实现吗

是的。使用CSS属性
visibility:visible/hidden
执行可见/不可见部分,将
位置设置为
绝对
,然后将值分配给
mousemove
元素上的
顶部
(y坐标)和
左侧
(x坐标)。

很可能,它们被称为“工具提示”那里可能有很多这样的人。看起来有一款轻量级的,可以满足您的需求。

如果您使用的是一个框架(jQuery/prototype/mootools等),那么很可能会有插件也会这样做。

对于预打包的jQuery解决方案:

请查看具有跟踪功能的示例