In this little piece of tutorial, let me show you a simple jQuery plugin for adding tooltip (A message that appears when a cursor is positioned over an icon, image, hyperlink, or other element in a graphical user interface) whenever someone mouse hover over them. It’s not only the great way to display information regarding something but also a nice idea to craft articles with stylish mode.


aToolTip is a simple, lightweight, cross browser compliant and customizable tooltip jQuery plugin.

Key Features

  1. It’s a lightweight (only 4kb uncompressed)
  2. Easy-to-use
  3. Choice of fixed, on click or follow mouse tooltip
  4. Highly Customizable
  5. Compatable with major browsers

A Simple jQuery Tooltip by Ara Abcarians

Download from GitHub: