Tooltip JavaScript Source Code

// From http://www.jquerybyexample.net/2012/09/
// tutorial-for-creating-simple-stylized-tooltip-using-jquery.html
// with some minor changes.

$(document).ready(function() {
  $('.tool-tip').hover(function(event) {
    var toolTip = $(this).attr('tlp');
    $('').text(toolTip)
      .appendTo('body')
      .css('top', (event.pageY - 10) + 'px')
      .css('left', (event.pageX + 20) + 'px')
      .fadeIn('slow');
  }, function() {
    $('.tooltip').remove();
  }).mousemove(function(event) {
    $('.tooltip')
      .css('top', (event.pageY - 10) + 'px')
      .css('left', (event.pageX + 20) + 'px');
  });
});
Return to Technical Details.