Best jQuery Tooltip Plugins & Tutorials with Demo

    BeautyTips a jQuery tooltips plugin

    BeautyTips a jQuery tooltips plugin

    BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec to dynamically draw tooltips associated with a html element on the page. The thing I like best about BeautyTips is it’s limmitless ways to configure the look and feel and event triggering behavior. For example, with BeautyTips it would be relatively easy to match the tooltips used on popular websites like Netflix, Google Maps, Hulu, or Facebook.

    Simple Tooltip w/ jQuery & CSS

    Simple Tooltip w/ jQuery & CSS

    There are a lot of tooltip plugins out there, but not many of them explain what exactly goes on in the logic of a tooltip, this tutorial will explain it with detail.

    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.

    Create a Content Rich Tooltip with JSON and jQuery

    Today we’re going to break the mold of the traditional tooltip. This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array.

    qTip – The jQuery Tooltip Plugin

    qTip – The jQuery Tooltip Plugin

    qTip is an advanced tooltip plugin for the jQuery JavaScript framework. Built from the ground up to be user friendly, feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips.

    Multiple Image Cross Fade in jQuery

    Today we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

    TipTip jQuery Plugin

    TipTip jQuery Plugin

    TipTip is a lightweight, intelligent, sweet and simple custom tooltip and can be applied to any element.TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window.

    Simple jQuery Flickr Style Tooltip Menu with Demo

    Simple JQuery Flickr Style Tooltip Menu

    In today post I try to create the flickr style tooltip drop down menu, I mean the drop down menu when you see in the detail image page, the challenge creating this feature is the CSS, that contains gradient and manipulating box so that can look like a triangle in the tooltip menu after the main menu clicked.

    Style-my-tooltips jQuery plugin with Demo

    Style-my-tooltips jQuery plugin

    Small in size (3kb unminified) jQuery script to enhance the look of tooltips. It works just like browser’s native tooltips with few options and styling via CSS. By default, the script applies to any element with a “title” attribute like links, paragraphs, images etc. but you can easily set it to affect only specific classes.