$(function() {
	
	$('.cirroHover').each(function(){
		var txt = $(this).attr('title');
		$(this).append('<em class="" style="position:absolute;background:#000;color:#fff">'+txt+'</em>');
		$(this).find('em').hide();
	});
	
	$('.cirroHover').hover(function(){
		var x = $(this).offset().left;	
		var y = $(this).offset().top;
		$(this).find('em').css({top: ((y*1)+12)+'px', left: x+'px'}).show('fast');
		return false;
	});
	$('.cirroHover').mouseleave(function(){
		$(this).find('em').hide('fast');
	});
});

http://cirrostratusco.com

A simple jQuery-powered hover based on the element's title

Cirrostratus Hover

javascript, jquery, web, design

jQuery