<script type="text/javascript">  
  $('a[title]').hover(function (e) {  
  $(this).data('titl', $(this).attr('title'));  
  e = e || window.event;  
  $(this).removeAttr('title');  
  $('body').append($('<div class="hint" style="opacity: 0; color: #fff; padding: 3px; position: absolute; border: 1px dashed #eee; background: #555;"></div>').css({  
  top: e.pageY + 20,  
  left: e.pageX + 20  
  }).html($(this).data('titl')).animate({  
  opacity: 0.8,  
  top: '-=10px',  
  left: '-=10px'  
  },  
  300));  
  $(this).mousemove(function (ev) {  
  ev = ev || window.event;  
  $('div.hint').css({  
  top: ev.pageY + 10,  
  left: ev.pageX + 10  
  });  
  });  
  },  
  function () {  
  $('div.hint').animate({  
  opacity: 0,  
  top: '+=10px',  
  left: '+=10px'  
  },  
  300, function () {  
  $(this).remove();  
  })  
  $(this).mousemove(function(){}),  
  $(this).attr('title', $(this).data('titl'));  
  });  
  </script>