jquery en utilisant les coordonnées de la souris pour compenser la "tooltip" style hover fonction

Je suis en train de créer un petit div qui s'affiche lorsqu'un élément particulier les survole. Je tiens aussi à décaler la position de la div à l'aide de la souris coordonnées que le changement que le client se déplace la souris.

Ma conjecture est que de la calculer et retourner les nouvelles valeurs pour la div est cher et le drainage de ressources vu que le div du mouvement chancelle.

Personne ne sait comment rendre cette méthode plus efficace?

J'ai utilisé le info-bulle plugin qui a une belle fonctionnalité de suivi, et déplace l'élément vraiment bien.

Mon js;

 $(document).ready(function(){
        $('#utilities').mouseover(function(event) { 
            var left = event.pageX - $(this).offset().left + 100;
            var top = event.pageY - $(this).offset().top + 130;
            $('#gas-electric-hover').css({top: top,left: left}).show();
            //console.log (left, top);
        });
        $('#utilities').mouseout(function() {
            $('#gas-electric-hover').hide();
        });
    });

J'ai aussi créé ce jsfiddle. En fait, localement, ce code est stupéfiant, mais le jsfiddle apparaît uniquement à jour les coordonnées de la souris entre et sort de la cible div.

Toute aide grandement appréciée.

OriginalL'auteur lharby | 2012-09-20