Funzione per mouse vicino a un elemento in jQuery

Question

Desidero tenere traccia e mostrare un suggerimento quando il mouse si trova vicino a un elemento di testa della tabella. Funziona con l'evento mouseenter, ma voglio mostrare il suggerimento prima dello mouseenter, quando si avvicina. Voglio anche rimuovere il suggerimento dopo lo mouseout a una certa distanza dalla testata del tavolo.

Questo è il mio codice.

$('thead').mouseenter(showtooltip); 
$('thead').mouseout(removetooltip); 

Come posso farlo con jQuery?

Answer 1

Questo funziona. Il primo parametro può essere qualsiasi oggetto jQuery. Il secondo parametro è la vicinanza dell'oggetto, in questo caso 20px.

Demo: http://jsfiddle.net/ThinkingStiff/Lpg8x/

Script:

$('body').mousemove(function(event) { 

    if(isNear($('thead'), 20, event)) { 
     //show your tooltip here 
    } else { 
     //hide it here 
    }; 

});   

function isNear(element, distance, event) { 

    var left = element.offset().left - distance, 
     top = element.offset().top - distance, 
     right = left + element.width() + 2*distance, 
     bottom = top + element.height() + 2*distance, 
     x = event.pageX, 
     y = event.pageY; 

    return (x > left && x < right && y > top && y < bottom); 

};