Как сделать, чтобы div следовал за указателем мыши только при переходе через промежуток

Question

Как я могу сделать, чтобы div следовал за указателем мыши, только когда за промежуток?

по ссылке: jQuery - следуйте за курсором с помощью DIV

Приведенная выше ссылка говорит, как заставить div следовать за указателем, но как заставить div исчезнуть?

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

Я имею в виду: когда мышь находится над пролетом, после указателя мыши будет отображаться div. Когда указатель покидает промежуток, div должен исчезнуть ...

Заранее спасибо

Answer 1

Попробуйте это ...

$("#spanID").hover(function() {
    $("#divID").show();
}, function() {
    $("#divID").hide();
});

В качестве альтернативы, если вам нравится затухание ...

$("#spanID").hover(function() {
    $("#divID").stop().fadeIn();
}, function() {
    $("#divID").stop().fadeOut();
});

Я собирался использовать методы переключения, но приведенный выше код непринять начальное состояние отображения div

Answer 2

<span onmouseover='$("#divFollower").show()' onmouseout='$("#divFollower").hide()'>Span Contents</span>