tooltip jquery

[ARadauer]

Hi Leute, ich möchte mit jquery ein tooltip plugin realisieren.

Der Tooltip soll an an der Stelle des Mauszeigers erscheinen, sich nicht bewegen und verschwinden wenn ich den mauszeiger vom auslösendne objekt oder vom tooltip runter bewege. Mein Problem, wenn ich den Mauszeiger auf den Tooltip bewege, verschwindet er, da ich ja nicht mehr auf dem auslösenden objekt bin... wie kann ich das umgehen?

(function($){   
    $.fn.tooltip = function(options) {          
        var  
          defaults = {   
            background: '#e3e3e3',
            width: '160px',
            move: true
          },   
          settings = $.extend({}, defaults, options);   
             
          this.each(function() {   
            var $this = $(this);   
            var title = this.title;   
            
               
            if($this.attr('title') != '') {   
                this.title = '';  //damit der standard browser tooltip nicht angezeigt wird 
                $this.hover(function(e) {   
                    // mouse over   
                    $('<div id="tooltip" />')   
                      .appendTo('body')   
                      .text(title)
                      .hide()                      
                      .css({   
                        backgroundColor: settings.background,
                        width: settings.width,    
                        top: e.pageY + 1,   
                        left: e.pageX + 1,
                        zindex: 3   
                      })   
                      .fadeIn(350);   
                         

                }, function() {   
                    // mouse out   
                    $('#tooltip').remove();   
                });    
            }               
          });   
          // returns the jQuery object to allow for chainability.   
          return this;   
    }   
})(jQuery);

danke für eure hilfe

ps: Ich hab mir simpletip bereits angesehen, das funktioniert aber leider nicht. Ich bekomme im IE immer eine "Unerwarteter Aufruf oder Zugriff" Fehlermeldung an der stelle var tooltip = jQuery(document.createElement('div'))

 

[SCIPIO-AEMILIANUS]

Setz doch den Kasten anstatt mit e.pageX+1(oder e.pageY+1) mal mit e.pageX-2 und e.pageY-2 hin. Dann ist er schon unter der Maus, aber kaum merklich. Ich habs nicht probiert, aber das wäre so meine Idee dazu.