(function($) { $.fn.tooltip = function(html) { var showTooltip = function(text, top, left, width) { $('#box_tooltip').remove(); $('<div id="box_tooltip">' + '<div class="box_tooltip_start"></div>' + '<div class="box_tooltip_body"></div>' + '<div class="box_tooltip_end"></div>' + '</div>').prependTo('body').hide().css({ top: top + 5, left: left + width + 15 }); $('.box_tooltip_body').html(text); $("#box_tooltip").show(); }; var removeTooltip = function() { $('#box_tooltip').remove(); }; this.each(function() { var $this = $(this); var title = this.title; if ($this.attr('title') != '') { this.title = ''; $this.hover(function(e) { var offset = $this.offset(); showTooltip(title, e.pageY, e.pageX, 0); }, function() { removeTooltip(); }); $this.mousemove(function(e) { $('#box_tooltip').css({ top: e.pageY + 5, left: e.pageX + 15 }); }); } }); return this; }; })(jQuery);