jQuery Tooltip Plugin & Tutorials with Example

jQuery Form Toolltip

jQuery Form Toolltip

This jQuery plugin allows you to add Tooltip calllout (with fadeIn fadeOut animation) to your form input controls.

  • You are able to specify the individual tooltip CSS
  • You are able to specify the fadeIn and fadeOut direction. Currently supporting Top, Bottom, Right and Left

Airview : jQuery Bootstrap Image Tooltip

Airview : jQuery Bootstrap Image Tooltip

Airview is a Javascript plugin which displays single image as Bootstrap Tooltip. It requires Bootstraps Tooltip.js and JQuery.js to work, both of these plugins are provided.

Tooltip Styles Inspiration with CSS3 & SVG

Tooltip Styles Inspiration with CSS3 & SVG

A small collection of various hover tooltip styles and effects for your inspiration. Using CSS transforms, border-radius and SVG shapes we can create modern looking and interesting tooltips.

Tooltips are normally used for providing some kind of extra information and they can be found in almost every website. Those tiny little helpers offer a great opportunity to add some subtle and unique effects to any design. So today we want to show you some possibilities of showing those elements in style. We only use CSS transitions via hover and also some SVGs to create unique shapes.

WebUI Popover jQuery Plugin

WebUI Popover jQuery Plugin

A lightWeight popover plugin with jquery ,enchance the popover plugin of bootstrap with some awesome new features. It works well with bootstrap ,but bootstrap is not necessary!

Features:

  • fast,lightweight
  • support more placements
  • auto calculate placement
  • close button in popover
  • multiple popovers in same page
  • different styles
  • support url and iframe
  • support async mode

popconfirm : jQuery Bootstrap Popover Confirmation Plugin

popconfirm : jQuery Bootstrap Popover Confirmation Plugin

A simple action confirmation plugin for jQuery based on Twitter Bootstrap Popover.

jQuery Validation Bootstrap Tooltip

jQuery Validation Bootstrap Tooltip

A drop in extension replacing error labels from jQuery Validation plugin with Twitter Bootstrap tooltips.

jBox : jQuery Plugin for Modal Windows, Tooltips & Notices

jBox : jQuery Plugin for Modal Windows, Tooltips & Notices

jBox is a powerful and flexible jQuery plugin,taking care of all your modal windows, tooltips, notices and more.

Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

Toolkit : Front-End UI toolkit built with HTML5, CSS3, jQuery

Titon Toolkit is a collection of very powerful user interface components and utility classes for the responsive, mobile, and modern web. Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements.

Toolkit makes use of the latest and greatest technology. This includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Grunt for task and package management, and powerful new browser APIs for the JavaScript layer.

Drop.js : Javascript and CSS library for Creating Dropdowns

Drop.js : Javascript and CSS library for Creating Dropdowns

Drop is a Javascript and CSS library for creating dropdowns and other popups attached to elements on the page. Drop uses Tether.js to efficiently position its elements.

Features:

  • Drops automatically reposition on page resizes and scrolls, reorienting to stay in view.
  • Drop uses GPU accelerated positioning to maintain 60fps scrolling, even with dozens or hundreds of drops on screen and complex animation
  • Drops can be nested within other drops
  • Drops can be attached to any of 12 attachment points on the target, or you can leverage the full power of Tether to position your drop anywhere.
  • Drops can be configured to open when the user clicks or hovers.

popModal : jQuery plugin for Tooltips, Titles & Dialogs Modal

popModal : jQuery plugin for Tooltips, Titles & Dialogs Modal

popModal is a jQuery plugin for showing tooltips, titles, modal dialogs and etc.

This library includes 5 components:
popModal – popup window, displayed near the parent element. Invoked by clicking on an element
notifyModal – notification popup, displayed on top of all elements. Invoked by event and hide after a certain time
hintModal – tooltip, displayed near the parent element. Invoked on mouse hover on an element and hide after element lost focus
dialogModal – modal dialog, displayed on top of all elements. Invoked by clicking on an element
titleModal – tooltip, displayed near the parent element, replace native title. Invoked on mouse hover on an element and hide after element lost focus



Best jQuery websites design awards