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, Elementor Pro, WooCommerce, server optimization, DNS, SSL, Cloudflare, website security, and performance improvements — work that has generated over $500K in revenue for clients and earned him a Top Rated badge on Upwork (top 10% of freelancers) with a 100% client recommendation rate. 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