// small tooltip $(document).ready(function(){ $('.smalltip').hover(function(e){ var titleText = $(this).attr('title') || $(this).attr('data-smalltip'); $(this).data('tiptext', titleText).removeAttr('title'); $('

') .text(titleText) .appendTo('body') .css('top', (e.pageY - 10) + 'px') .css('left', (e.pageX + 20) + 'px').fadeIn('slow'); }, function(){ $(this).attr('title', $(this).data('tiptext')); $('.small-tooltip').remove(); }).mousemove(function(e){ $('.small-tooltip').css('top', (e.pageY - 10) + 'px').css('left', (e.pageX + 20) + 'px'); }); });

.small-tooltip { display: none; position: absolute; z-index: 99999; max-width: 200px; overflow: none; padding: 5px; color: #fff; font-size: 12px; text-align: center; line-height: 125%; background-color: rgba(0,0,0,0.8); border: 1px solid #222; border-radius: 3px; box-shadow: 0 1px 3px 1px rgba(0,0,0,0.5); }