如何使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>