출처 : http://ourcodeworld.com/articles/read/83/top-5-best-javascript-and-jquery-tooltip-plugins


5. Tipso

Github

Tipso is a Lightweight Responsive jQuery Tooltip Plugin. Very easy to implement and customizable with css.

Tipso

4. Tipped.js

Documentation

Tipped is a complete javascript tooltip solution, use it to create tooltips that work beautifully in every browser on any device.

Tipped.js

3. html5tooltipsjs

Github

Enjoy tooltips written in pure JavaScript, with smooth 3D animation implemented in CSS. No framework dependencies.

html5Tooltipjs

2. Protip

Github

Protip is an awesome jQuery tooltip plugin. Offers a lot of available settings to customize the plugin to our needs :

  • 49 positions (location of the tooltip)
  • Live refresh of tooltip options.
  • Live element checking (element removed? -> tooltip should disappear).
  • Gravity: find a better position if it won't fit to the screen.
  • DOM targets: append into the root or into another target element.
  • Placements: outside, inside, border, center
  • Click activated and sticky tooltips.
  • Custom HTML content
  • Interactive tooltips
  • In/Out delays
  • Auto-hide
  • Icon support
  • Skins, sizes, schemes
  • Animations support
  • Mixins (CSS only, JS based coming soon)
  • Custom event callbacks
  • UMD Support

Protip tooltip

1.Tooltipster

Github

Tooltipster is a powerful, flexible jQuery plugin that allows you to easily create semantic, modern tooltips enhanced with the power of CSS.

Tooltipster's options gives you a wide range of variables to tweak your tooltip to your heart's content.

Image


Extra

Balloon.css

Github

Balloon.css lets you add tooltips to elements without JavaScript and in just a few lines of CSS. Yes, although this plugin doesn't require javascript or jQuery, deserves to be mentioned as it's pretty useful and easy to use.

Ballon.css


If you think that we're forgetting another awesome tooltip plugin, don't hesitate to share it with us in the comment box.