Browse By

15 Useful jQuery Tooltip Plugins That are useful

The other week a client asked me to make a div appear when hovering a link so I thought immediately at a jQuery tooltip. Sure, getting one that was appropriate to my needs was a little bit difficult and I found myself searching through a lot of them.

qTip2

qtip2

The second generation of the advanced qTip plugin for the ever popular jQuery framework.

Building on 1.0’s user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all… it’s completely free under the MIT/GPLv2 licenses!

Prototip 2

prototip2

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

  • Style: Easy to customize.
  • Position: Complete control over tooltip positions.
  • Round: Configurable rounded corners, no PNG images required.
  • Speech bubble effect!
  • Works on all modern browsers.

Coda Popup Bubbles

coda-popup-bubbles

Coda is one of the new web development tools for the Mac – and it’s popular amongst designers and developers I know. Panic (the developers of Coda) are also known for their sharp design.

jQuery Ajax Tooltip

jQuery-Ajax-Tooltip

Our application is very person centric, so we wanted an easy way to pop up a “tooltip” with more information about a person whenever you see a person’s name. For example, here are some search results. When you hover over a name, more information appears.

jQuery Tools – Tooltip

tooltipplug

Tooltip helps you to build easier user interfaces. Big or small. Pluggable effects. Yet another crucial tool.

SimpleTip

simpletip

Simpletip is a plugin for the popular jQuery JavaScript library. It allows you to create tooltips with ease on any element on the page using the power of jQuery’s selectors and event management. The tooltips can be static, dynamic, or even loaded through AJAX with a variety of different visual effects.

jGrowl

jgrowl

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X’s Growl Framework works.

jQuery plugin: Tooltip

bassistance

jQuery (mb)Tooltip 1.6

mbtooltip

Create a Digg-style post sharing tool with jQuery

digg-style-post-sharing-tool

vTip

vtip

vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work.

JavaScript DHTML Tooltips

dyn-web

Presenting dyn-web’s JavaScript DHTML Tooltips with unobtrusive event handling and easy setup. The code offers a variety of options for source and type of tooltip content and flexible control of positioning, formatting and display. The JavaScript is object based, avoids the use of global variables and provides accessibility and device independent features.

Create a Simple CSS + Javascript Tooltip with jQuery

simple-cssjavascript-tooltip

BsTip

bquery

jQuery plugin EZPZ Tooltip

ezpz

There are a ton of tooltip plugins for jQuery out there, but I couldn’t find one that works with the way I think. To me, it’s a simple concept: You hover over a target element, then some content shows up. It should be flexible enough to customize the look and feel without requiring the bloat of any CSS or images. Hover targets should be mapped to their content counterparts by convention. I think I’ve built just that with the EZPZ Tooltip.

JTip

jtip

Leave a Reply

Your email address will not be published. Required fields are marked *