Freebies

Latest Collection of jQuery ToolTip Plugins

If you are looking to give your readers the option of a little bit more information, a great solution is to use Tooltips.

The tooltip or infotip or a hint is a common graphical user interface element. It is used in conjunction with a cursor, usually a pointer. The user hovers the pointer over an item, without clicking it, and a tooltip may appear—a small “hover box” with information about the item being hovered over. Tooltips do not usually appear on mobile operating systems, because there is no cursor (though tooltips may be displayed when using a mouse). ~ Wikipedia


So, today in this article I am going to show you the Latest Collection Of jQuery ToolTip Plugins.

Hope you’ll like this collection.

HoverEx

HoverEx is a jQuery plugin for image hover animations. It contains over 36 animations and prepared 18 hover animation templates.It also support for image zoom and slider effect.

More Info / Demo

HoverEx, ToolTip


qTip

qTip is an advanced plugin for the ever popular jQuery JavaScript framework. Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and best of all… it’s completely free under the MIT license!

More Info / Demo

qTip


Lite Tooltip Bundle

This is a responsive jQuery tooltip plugin with 12 positions, support for hotspots, triggers, video and more.

More Info / Demo

Lite Tooltip Bundle


Hotspot Map

Hotspot is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. It’s an old concept with one exception. It comes with a powerful editor for precise drawing and positioning of the spots. You can also edit settings, see a preview of the final result and the editor will generate the HTML and JS code for you.

More Info / Demo

HotSpot Map, ToolTip


TagPix – Image tagging tool

tagPix makes it possible to add tags to images and create interactive tooltips. You can set custom icons for links, support for HTML and video content. The script support all mayor browsers and work also on mobile devices.

More Info / Demo

TagPix - Image tagging tool


The Tooltip

The Tooltip is a handsome, modern gentleman that appears when it’s showtime. by codecanyon (premuim plugin)

More Info / Demo

The Tooltip


ThumbFx

Enrich your website experience with ThumbFx, a jQuery animation plugin that brings your images and content to life. Create unique animated effects effortlessly without any knowledge of jQuery. All effects are responsive and adapt perfectly for all device resolutions like mobiles, tablets and desktops.

More Info / Demo

ThumbFx, TipTool


Fresh Tooltips

Precisely designed and coded Fresh plugins. It is Great for any kind of website and very practical. The top one is 100% transparent black, which looks very very cool. by codecanyon (premuim plugin)

More Info / Demo

Fresh Tooltips


Tag Your Images

Tagyourimages is a jQuery plugin that lets you make interactive your images. Now your images will be able to contain additional information, such as text, images and external link in the exact position that you want.

More Info / Demo

Tag Your Images, ToolTip


 

iTip

iTip (Icon Tooltip) is a jQuery plugin that allows you to quickly add a tooltip filled with icons to any HTML element. The plugin uses ‘animate.css’ for some awesome css3 animations and ‘modernizr’ to make sure the plugin works in browsers that do not support css3 animations.

More Info / Demo

iTip, ToolTip


jQuery and CSS3 Simple Tooltip

jQuery and CSS3 Simple Tooltip works by popping up a bubble with More Information about a word when you hover over it. You can even add an image to highlight the popped up info.

More Info / Demo

jQuery and CSS3 Simple Tooltip


StickyTooltip

StickyTooltip is a really simple tooltip solution that provides fancy animations while remaining lightweight (only 3ko for minified version). The tooltips appear following a customizable sine curve and disappear the same way. – by codecanyon (premuim plugin)

More Info / Demo

sticky-tooltip


jQuery Tooltip Plugin

jQuery Tooltip Plugin is a free simple animated hover tooltip that can be easily integrated in your web pages.

More Info

jQuery Tooltip Plugin


Cramie jQuery Tooltips Plugin

jQuery Tooltips plugin is a jQuery plugins to display popped up text. There are 6 colors available: yellow, black, white, red, blue, green. But, it’s easily customizable and you can add more colors to suit your website’s design. You can choose to display the bubble in 3 locations, on the top of the page, the bottom of the page, or floating over the element. by codecanyon (premuim plugin)

More Info / Demo


 Cramie jQuery Tooltips Plugin


aTip: the 1KB tooltip

Javascript tooltips are a valuable method to display additional information to users in a context-sensitive manner, however, at what cost? Bulky, unmanageable code slows down load times, increases web requests, and degrades browser/user performance. Enter aTip: the customizable, extremely lightweight jQuery plugin. Weighing in at 1.5KB with colour and style customization you can style any html element, all in different forms and methods. Additionally, the code is well commented, documented and easy to use/modify. If you want quick, neat and clean pure JS tooltips that support all modern browsers (and most old ones) then aTip is the solution. This package also includes email based support from Appsource, which includes help with installation should you require it. by codecanyon (premuim plugin)

More Info

aTip: the 1KB tooltip


Generic Popups (jQuery)

“Generic Popups” script lets you create different kinds of Popups; such as Tooltips, Message Boxes, Alerts, Prompts tc. with support for complex structures. The functionality of the plug-in is similar to that of jQuery, therefore, the learning curve is relatively easier. by codecanyon (premuim plugin)

More Info / Demo

 Generic Popups (jQuery)


Shiny Tooltips

You can add tooltips to elements which appear when you mouseover them. by codecanyon (premuim plugin)

More Info / Demo

 Shiny Tooltips


everyTip Jquery tooltip Plugin

EveryTip is a Jquery plugin that will read out any element’s title tag and converts it into a individual styleable dynamic bubble. You can apply it on any element you want e.g.: img, a , li, span, div and so on. The plugin automatically detects all elements of your specified type on the whole page and add’s a tooltip to it. It also supports inside HTML , so you can display all HTML tags inside a tooltip. Comes in a lightweight and crypted version. by codecanyon (premuim plugin)

More Info

everyTip Jquery tooltip Plugin


Useful and Practical jQuery Image ToolTips

This script displays a tool tip image when the user hover on the thumbnail with fade-in and out effect.

More Info / Demo

 Useful and Practical jQuery Image ToolTips


Cut & Paste Ajax Tooltip script v1.2

This Ajax script enhances the default “title” attribute of HTML so certain tooltips can instead get their contents from an external file, with rich HTML content and all. Integration is easy and non obtrusive, and for the sake of efficiency, the script will only use Ajax to load the tooltip’s content the very first time the user rolls over the attached element.

More Info

Cut & Paste Ajax Tooltip script v1.2

 


tipsy – Facebook-style tooltip plugin for jQuery

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

More Info

 tipsy - Facebook-style tooltip plugin for jQuery


clueTip: A jQuery Tooltip Plugin

The clueTip plugin allows you to easily show a fancy bubble when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a titleattribute, its text becomes the heading of the clueTip.

More Info / Demo

clueTip: A jQuery Tooltip Plugin


BeautyTips

BeautyTips is a simple-to-use balloon-help style plugin. Any element on the page can be set to show a talk-balloon containing any text or HTML on hover, click, or any bindable event. These balloons are drawn dynamically using the canvas HTML 5 element, and options include corner radius, spike length and width, stroke width.

More Info

BeautyTips


Awesomeness

Cool tooltip with nice transition effect and cool transparent border around it.

More Info / Demo

nettuts-s3-cdn-plus-awesomeness


Simpletip

Beautifully made tooltip with fade transitions. When you hover over a link, a tooltip fades in just above or below the link.

More Info

simpletip


Simple Tooltip Plugin

This plugin creates a simple tooltip with content of your choice within it. It appears as you hover over you specified DOM elements. Simply pass in your element and everything else is taken care of. – by codecanyon (premuim plugin)

More Info / Demo


simple-tooltip-plugin


Sequential Tooltips

OK, Sequential Tooltips is a Motools based script and therefore not jQuery. Still a cool tooltip solution that I wanted to share. It allows you to create a sequence of tooltips, each of them hooked to a different element in your HTML document; the perfect solution for website’s guided introductions and new features notifications.

More Info / Demo

Sequential Tooltips


The Tooltip

The Tooltip is a good looking tooltip that appears when you mouseover a tooltip handle. It’s not jQuery plugin, but CSS3 code, but it has cool animation and is very handy, view preview video on site to see how powerful it is! – by codecanyon (premuim plugin)

More Info

Did you enjoy this article?
Signup today and receive free updates straight in your inbox. We will never share or sell your email address.
Previous Post Next Post

No Comments

Leave a Reply

css.php
Never miss a post

Subscribe

Signup today and receive free updates straight in your inbox. Enter your name and email below.

Never miss a post

Subscribe

Signup today and receive free updates straight in your inbox. Enter your name and email below.