• RSS
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • co.mments
  • YahooMyWeb
  • E-mail this story to a friend!

If you are looking to give your readers the option of a little bit more information or optional extra navigation, a great solution is to use Tooltips. Tooltips are a “common graphical user interface element, that are used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a small box appears with extra information regarding the item being hovered over” (via Wikipedia). To give your tooltip extra functionality and vesatilty the best and simplest solution is using Javascript, especially jQuery.
In this post we have collected 25 of the best jQuery Tooltip Plugins and Tutorials to help with your next project.

jQuery Tooltip Plugins
qTip – The jQuery Tooltip Plugin

jQuery Tooltip Plugins and Tutorials

BeautyTips, a jQuery Tooltip Plugin

jQuery Tooltip Plugins and Tutorials

jQuery Tooltip – Tooltips done right

jQuery Tooltip Plugins and Tutorials

Prototip 2 – Create Beautiful Tooltips with Ease

jQuery Tooltip Plugins and Tutorials

jGrowl

jQuery Tooltip Plugins and Tutorials

Simpletip – A simple jQuery Tooltip Plugin

jQuery Tooltip Plugins and Tutorials

jQuery plugin EZPZ Tooltip

jQuery Tooltip Plugins and Tutorials

Coda Popup Bubbles

jQuery Tooltip Plugins and Tutorials

jQuery Input Floating Hint Box

jQuery Tooltip Plugins and Tutorials

vTip

jQuery Tooltip Plugins and Tutorials

jHelperTip 1.0 – The Multi-Use Tooltip for jQuery

jQuery Tooltip Plugins and Tutorials

jTip – The Jquery Tool Tip

jQuery Tooltip Plugins and Tutorials

jQuery ClueTip Plugin

jQuery Tooltip Plugins and Tutorials

Tipsy – Facebook-Style Tooltip Plugin for jQuery

jQuery Tooltip Plugins and Tutorials

Pop! Simple Pop Menus with jQuery

jQuery Tooltip Plugins and Tutorials

jQuery Ajax Tooltip

jQuery Tooltip Plugins and Tutorials

Easy Tooltip – jQuery Plugin

jQuery Tooltip Plugins and Tutorials

Easiest Tooltip and Image Preview Using jQuery

jQuery Tooltip Plugins and Tutorials

jQuery (mb)Tooltip 1.6

jQuery Tooltip Plugins and Tutorials

jQuery Tooltip Tutorials
Create a Digg-Style Post Sharing Tool with jQuery

jQuery Tooltip Plugins and Tutorials

Create a jQuery Popup Bubble

jQuery Tooltip Plugins and Tutorials

jQuery Horizontal Tooltips Menu Tutorial

jQuery Tooltip Plugins and Tutorials

Build a Better Tooltip with jQuery Awesomeness

jQuery Tooltip Plugins and Tutorials

Creating A Simple Tooltip Using jQuery and CSS

jQuery Tooltip Plugins and Tutorials

Create a Simple CSS + Javascript Tooltip with jQuery

jQuery Tooltip Plugins and Tutorials

You might also like…

20 jQuery Plugins and Tutorials to Enhance Forms »
30 Tutorials Combining Both Wordpress and jQuery »
25 Fresh and New jQuery Plugins and Tutorials »
50 Useful Tools and Generators for Easy CSS Developmentc »
20+ Resources and Tutorials for Creative Forms using CSS » »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials » »
22 CSS Button Styling Tutorials and Techniques » »
15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials » »


Subscribe via RSS or Follow us on Twitter
Follow us via RSS Follow us via RSS Email Follow us On Twitter
Share This Post
  • RSS
  • del.icio.us
  • StumbleUpon
  • Digg
  • TwitThis
  • Mixx
  • Technorati
  • Facebook
  • NewsVine
  • Reddit
  • Google
  • LinkedIn
  • co.mments
  • YahooMyWeb
  • E-mail this story to a friend!
There are 11 Comments › Leave your comment
  1. sean
    16 Sep, 2009

    Nice Collection.Good work

    Reply

  2. Rahul Jadhav
    16 Sep, 2009

    Awesome collection!!! Will definitely use one of these

    Reply

  3. cancel bubble
    16 Sep, 2009

    Prototip 2 is based on Prototype not jQuery.

    Reply

  4. Tutorial Lounge
    17 Sep, 2009

    really helping stuff for web developers and even for designers for get some help for make some latest modules in our web needs.

    Reply

  5. Rain
    17 Sep, 2009

    You’re my hero.I’m just looking for some jquery tooltip plugins.Thx your great article.

    Reply

  6. WebGrid
    24 Sep, 2009

    Qtip was my choice. Nice developer and followup issues.

    Reply

  7. Andrei
    2 Oct, 2009

    something veru usefull. See more of this in action there made by me: http://www.sitemile.com/p/classifiedTheme

    Reply

  8. wow these are really cool, thanks for sharing

    Reply

  9. Andrew Anderson
    30 Nov, 2009

    Thanks for the list… definitely will keep me busy looking through them all. Good job!

    Cheers,
    Andrew Anderson

    Reply

  10. wessel
    11 Dec, 2009

    qtip was a little to large (38kb compressed). cluetip did not have enough position possibilities for me.

    BeautyTips http://plugins.jquery.com/project/bt looked also nice, but quite big on IE, and lack some positioning

    My choice was jQuery Tooltip from flowplayer.org. Worked great!

    Reply

  11. nitesh
    18 Jan, 2010

    Great list. Thanks for putting this together and spending your time on helping others.

    Reply