JavaScript onmousemove показать div и следовать мышью

Question

У меня есть список записей о клиентах (tr в таблице) в моем приложении.

Когда пользователь наводит указатель мыши на запись (tr), я хочу показать div, который наводит курсор на другие записи и показывает более подробную информацию о записи.

Я хочу, чтобы div затем двигался с помощью мыши, т. Е. Если они перемещают мышь на 20 пикселей вправо, чтобы они могли видеть другое поле в записи (tr), теперь невидимый div должен затем переместить 20 пикселей на право следовать за курсором.

Это выполнимо с Javascript / CSS?

Answer 1

Очень возможно, они называются «всплывающими подсказками», которых, вероятно, существует огромное количество.Похоже, есть один здесь , который легок и делает то, что вы хотите.
Если вы используете фреймворк (jQuery / prototype / mootools и т. Д.), То, скорее всего, будут плагины, которые будут делать этотоже.

Answer 2

Да. Сделайте видимую / невидимую часть со свойством CSS visiblility:visible/hidden, установите position на absolute и затем присвойте значения top (координата y) и left (координата x) для элементов mousemove.

Answer 3

Для расфасованного решения jquery: http://jquery.bassistance.de/tooltip/demo/.

Посмотрите на пример с отслеживанием.