A flexible simple tooltip plugin. It can be attached to every DOM element and makes use of links titles and image alt attributes. In other case it uses the REL attribute. See the demo page for more details.

Jquery Very Simple Tooltip

Today, i am representing my own build jquery tooltip, it is very easy to use and build on very simple logic so that you can further modify its code. use it in your project for free, if you like it or have any suggestions / comments , or you have some idea to make it better, or you need some more fetures in it then pls just drop a comment in the same post.

Download : jQuery Tooltip Plugin

DEMO : Using separate div tag.
How to use

1) include jquery, and tooltip.jquery.js files in your web page.

2) Javascript

Avilable Options with default values

To use multiple option you need to seprate every option from ",".

Minimalist replacement (under 1.2K uncompressed) for the browsers built-in tooltip. The advantage over the built-in tooltip is you can control the styling and it doesn't disappear or timeout.

Simple Tooltip is a tiny plugin for making simple tooltips, when hovering over an element. It is written by Jonas Arnklint ( arnklint.com ). The goal is to keep it simple, tiny and agile as I'm a fan of KISS. Its functionality includes displaying generic tooltip messages as well as individual messages based on the title attribute of an element. The source was originally extracted from our easy to use CMS Venio at Venio.se .

This tooltip can get both inline content and also content from the title. It can also hook in six ways and also has customizable styling and wrapping options. Also, it can tack so it won't fade away right away. Good for menus and regular tips.

Use it.

The jQuery Tooltip Plugin allows you to easily create tooltips with ajax content.

This is how you create a new tooltip:

$("#example1").tooltip({cssClass:"tooltip-red"});

API

$("#example1").tooltip({
cssClass: "",
delay : 0,
duration : 500,
xOffset : 15,
yOffset : 15,
opacity : 0
});

The Orbital Tooltip came about because we wanted to see a more flexible tooltip that allowed for a larger range of flexibility with positioning of a tooltip. With the Orbital Tooltip you can choose to position the tooltip on any object in a 360 degrees around it. With multiple options for spacing & offset as well as styling, Orbital Tooltip stands head and shoulders above other jQuery tooltips.

The clueTip plugin allows you to easily set a link, or any other element, to show a tooltip when the user's mouse hovers over it. If the link includes a title attribute, its text becomes the heading of the clueTip.

The contents of the clueTip can come from a separate file via AJAX, an element on the current page when set to "local," or the title attribute with a designated delimiter.

The clueTip offers smart positioning relative to the linked element or the mouse.

It takes advantage of Brian Cherne's fantastic hoverIntent plugin if it's available (just include it in a tag if you want the clueTip to use it), and comes with many options, all of which are documented in the source comments and on the demo page.