How to: Display a Tooltip with jQuery?

May 15, 2013

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

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

Website: https://ara-abcarians.com/jquery/atooltip/
Download from GitHub: https://github.com/AraLA22/aToolTip

Muhammad Dilawar
Muhammad Dilawar
Muhammad Dilawar is a WordPress developer and technical SEO specialist with over 12 years of experience building, optimizing, and maintaining websites. He specializes in WordPress, WooCommerce, server optimization, DNS, Cloudflare, website security, and performance improvements. Through Softstribe, he shares practical guides, tutorials, and industry insights based on real-world experience helping businesses grow their online presence.
More from Muhammad Dilawar