JavaScript onmousemove show div and follow mouse

Question

我有我的應用程序中的客戶記錄（表中的tr）列表。

當用戶將鼠標懸停在記錄（tr）上時，我想顯示一個div，將鼠標懸停在其他記錄上並顯示有關記錄的更多詳細信息。

我想讓div隨後用鼠標移動 - 也就是說，如果鼠標向右移動20個像素以便它們可以在記錄上看到不同的字段（tr），則現在未隱藏的div應該移動20個像素向右移動光標。

這是可以用Javascript/CSS嗎？

Answer 1

是的。使用CSS屬性visiblility:visible/hidden設置可見/不可見部分，設置position至absolute，然後將值分配給mousemove元素上的top（y座標）和left（x座標）。

Answer 2

很有可能，它們被稱爲「工具提示」，其中可能有大量的工具提示。看起來有一個here是輕量級的，做你想做的。
如果你使用的是框架（jQuery/prototype/mootools等），那麼最有可能的插件也會這樣做。

Answer 3

對於預先包裝的jquery解決方案：http://jquery.bassistance.de/tooltip/demo/。

查看已跟蹤的示例。