A simple jQuery-based tooltip solution.

gistfile1.js

  	$('.tooltip')
			.mouseenter(function(e) {
				e.preventDefault();
				pos = $(this).offset();
				$(this).append('<div class="tooltip">'+$(this).attr('rel')+'</div>');
				div = $('div.tooltip',$(this));
				div.attr('top',pos['top']+5).attr('left',pos['left']).fadeIn(200);
			})
			.mouseleave(function(e) {
				e.preventDefault();
				$('div.tooltip',$(this)).fadeOut(200,function() {
					$(this).remove();
				});
			})
			.click(function(e) {
				e.preventDefault();
			})
		;

/* Example usage:
 *
 * <a href="#" class="tooltip" rel="Tooltip text/HTML content.">Hover here for tooltip.</a>
 */