$(function(){

  $('<div class="tooltip"></div>').appendTo('body');/*Здесь создается DIV главный, в файле CSS он display:none вместе с его содержимым он не покажется раньше времени*/

  var eltooltip = $('.help'),/*тут выбираем все объекты в которых есть, заранее расставленый класс .help, не забудте также расставить TITLE с текстом подсказки (ниже будет пример тега, сами всё поймёте)*/

  tooltip = $('div.tooltip'),/*Заносим подсказку в перименную*/

  title;/*пустая переменная для текста подсказки(временного хранения)*/


  eltooltip.live('mouseenter', function(){/*при наведении мыши*/

      title = $(this).attr('title');/*Забираем у элемента TITLE*/
      $(this).removeAttr('title');/*Удаляем атрибут у него же*/
      tooltip.html('<div>'+title+'</div>').css('opacity', '0.7');/*Вставляем DIV с текстом подсказки*/

      $(this).mousemove(function(e){/*при движении мышки*/

          tooltip.show().css({left: e.pageX, top: e.pageY+25});/*появляется подсказка и позиционируется по местонахождению курсора мышки*/

      });

  });

  eltooltip.live('mouseleave', function(){/*передвигаем курсор за пределы курентного элемента*/

      tooltip.empty().hide();/*убираем подсказку*/
      $(this).attr('title', title);/* и возвращаем элементу его TITLE*/

  });

/*И в дополнение*/
  eltooltip.live('click', function(){/*если кто кликнет на объект*/

    tooltip.fadeOut('slow');/*опять таки подсказка исчезает :)*/

  });

});