25 Useful jQuery Tooltip Scripts

Tooltips can be a helpful way to provide information to visitors without creating clutter in a design. If you would like to add an attractive tooltip to your website it doesn’t have to be difficult. There are plenty of quality scripts available for use that will allow you to set up tooltips without coding it from scratch. In this post we’ll present 25 different jQuery tooltip scripts.

You may also be interested in:

Easiest Tooltip and Image Preview Using jQuery

Easiest Tooltip and Image Preview Using jQuery

jQuery Plugin: Tooltip

jQuery Plugin: Tooltip

Coda Popup Bubbles

Coda Popup Bubbles

Better Tip

Better Tip

jQuery Hover Sub Tag Cloud

jQuery Hover Sub Tag Cloud

Cut & Paste Ajax Tooltip

Cut & Paste Ajax Tooltip

BeautyTips

BeautyTips

Build a Better Tooltip with jQuery Awesomeness

Build a Better Tooltip with jQuery Awesomeness

TipTip

TipTip

Speech Bubble Tooltip Using CSS3 and jQuery

Speech Bubble Tooltip Using CSS3 and jQuery

jQuery Tooltip Plugin

jQuery Tooltip Plugin

jQuery Tooltip

jQuery Tooltip

SimpleTip

SimpleTip

jQuery Ajax Tooltip

jQuery Ajax Tooltip

jQuery (mb)Tooltip

jQuery (mb)Tooltip

jQuery Horizontal Tooltip Menu

jQuery Horizontal Tooltip Menu

Tipsy

Tipsy

jqTooltip

jqTooltip

jQuery & CSS Tooltip

jQuery & CSS Tooltip

Simple Tooltips with CSS & jQuery

Simple Tooltips with CSS & jQuery

jQuery Image Tooltips

jQuery Image Tooltips

jQuery and CSS3 Simple Tooltips

jQuery and CSS3 Simple Tooltips

Side Navigation Tooltip

Side Navigation Tooltip

Sticky Tooltip

Sticky Tooltip

Inline HTML Tooltip

Inline HTML Tooltip

For more resources please see:

Published August 17th, 2011 by

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

13 Responses

Comments are now closed on this post.

  • Abogados de accidentes, August 17, 2011

    excellent choice, as you say without hassle, very good article. handy….

  • Kimberly Hogg, August 18, 2011

    Awesome collection. I will definitely be reading up more on several of these.

  • Marken Hadda, August 18, 2011

    Thanks for sharing these useful scripts !!

  • Kevin, August 22, 2011

    You missed Qtip, one of the best Jquery tooltip plugins out there: http://craigsworks.com/projects/qtip2/docs/

  • Website Builder, August 23, 2011

    Very useful. I think I am going add more interactivity to our website using some of these ideas.

  • Web Design Liverpool, August 24, 2011

    Fantastic JQuery tooltips, will be sure to use these in the future

  • Justin Ross, September 1, 2011

    Here’s a new one based on Canvas that I’m using: http://projects.nickstakenburg.com/tipped

  • Abdelkader Soudani, November 27, 2011

    Awesome list! very useful, thanks for sharing
    ps: tiptip is my personal favorite tooltip plugin, just love it!!

  • Rob, January 19, 2012

    Great list of tooltips, here is one I created myself a while ago for jQuery: http://www.websanova.com/plugins/websanova/tooltip

  • Arslan, March 21, 2012

    Can I use Tool Tips with PHP language???

  • Arti, August 6, 2012

    Nice list! Some very useful Tooltips, may you can add some with CSS3 too?

  • Ceba, November 28, 2013

    Awesome collection, there are few new tooltip plugins have been released now.