在动态框中显示鼠标位置坐标

时间:2010-11-26 15:17:04

标签: javascript jquery html

我想完成以下任务:

当鼠标悬停在我的网页中时,当前位置坐标应显示在指针旁边的小方框中。

小盒子会随着鼠标一起移动。

我知道如何使用jquery获取当前鼠标坐标。

帮帮我。

2 个答案:

答案 0 :(得分:0)

获取坐标是困难的部分,如果你有,只需:

  1. 创建一个小position:absolute; div
  2. 将坐标写入该div
  3. 将顶部/左侧设置为坐标
  4. 重复2/3 onmousemove

答案 1 :(得分:0)

您需要做的就是将div设置为绝对值,将其顶部和左侧设置为鼠标所具有的更新onmousemove的2个坐标的偏移量。 (不要忘记你的z-index或你的div可能落后于某些元素)