Chris Roberts

This plugin allows users to create custom popups or tooltips in their posts. The style and behavior of the tooltip are highly configurable through CSS and through the WordPress dashboard.
<h3>Shortcode Attributes</h3>
The following options can all be included as attributes in your shortcode. Default values, when applicable, are shown in parenthesis. Multiple possible values are listed in parenthesis with the default first.
Note that even though some of the attributes have changed from older versions, the old attributes should continue to work. You will not need to update shortcodes that use the old names.
<ul>
<li>autoshow (false/true): If true, the tooltip or tooltips will automatically show when the page loads.</li>
<li>showtitle (false/true): Whether or not to use the title attribute in links. Good for accessibility, bad for visibility.</li>
<li>hoverpopup (true/false): If true, tooltip displays when hovering over the link. If false, tooltip displays when the link is clicked.</li>
<li>showdelay (100): Adds a slight delay before displaying the tooltip to prevent popping up tooltips when the mouse moves across the page.</li>
<li>showspeed (200): How long it takes in ms for the tooltip to fade in.</li>
<li>hidespeed (200): How long it takes in ms for the tooltip to fade out.</li>
<li>autoclose (true/false): Whether or not the tooltip should automatically close after a delay.</li>
<li>hidedelay (1000): How long it takes in ms before the tooltip begins to auto fade out.</li>
<li>container: By default, the tooltip is placed in the DOM right where you set it but if you want to use Tippy for specific positioning, you can change its parent element by specifying a CSS selector here.</li>
<li>position (link/mouse/css position value): Specifies where the tooltip should be positioned. If set to link or mouse, the x and y values are automatically determined.</li>
<li>top: Useful when position set to fixed, absolute, or relative.</li>
<li>bottom: Useful when position set to fixed, absolute, or relative.</li>
<li>left: Useful when position set to fixed, absolute, or relative.</li>
<li>right: Useful when position set to fixed, absolute, or relative.</li>
<li>offsetx (10): Set a default horizontal offset for the tooltip position. Useful when position set to link or mouse.</li>
<li>offsety (10): Set a default vertical offset for the tooltip position. Useful when position set to link or mouse.</li>
<li>width: Specify a width for the tooltip. The default is set in jquery.tippy.css.</li>
<li>height: Specify a height for the tooltip. The default is set in jquery.tippy.css.</li>
<li>draggable (false/true): Allow visitors to drag the tooltip around. Useful when autoclose is false. Requires jQuery UI.</li>
<li>dragheader (true/false): If draging is enabled and this is set to true, tooltip will only be draggable from the header bar. If false, visitors can drag from any part of the tooltip.</li>
<li>anchor: Optional CSS selector specifying the link element that will trigger Tippy.</li>
<li>title: Sets the text shown on the link and in the header.</li>
<li>swaptitle: Alternate title to use when the visitor hovers over the link.</li>
<li>img: Tippy can be used with images rather than text; set img to the url of an image to display Tippy on an image.</li>
<li>swapimg: Like swaptitle, swapimg switches to an alternate image when a visitor hovers over the link.</li>
<li>href: If href is set, the Tippy link will point to this url.</li>
<li>target: Specifies the link target for the Tippy link.</li>
<li>showheader (true/false): Whether or not the tooltip should show a header.</li>
<li>headertitle: By default, the header is set to the tooltip title. With headertitle, you can set specific text for the title.</li>
<li>headerhref: If headerhref is set, the tooltip header text will be a link pointing to this url.</li>
<li>showclose (true/false): Whether or not the tooltip have a close link. Usefor for mobile devices or when autoclose is false.</li>
<li>closetext (‘close’): The text to display for the close link.</li>
<li>calcpos (‘parent/document’): Calculate the tooltip link position relative to its parent or to the whole document.</li>
<li>alttrigger: Specify an element to use as additional triggers for the tooltip. Be sure to include . or # – ie: .triggerClass or #triggerId.</li>
</ul>

Tippy

Allows users to turn text into a tooltip or popup using a special [tippy] tag.

evgendob

With this powerful plugin you can add any info to any word inside your posts. You can add descriptions, clarifications etc to any word. Also you can use plugin for affiliate systems, so you can add links to your product to most relative words and get income from your site.
Want to check live demo ? Pro Version Simple example http://tooltippro.voodoopress.net/?p=5, you can play with plugin using live demo Live Demo http://tooltippro.voodoopress.net/wp-admin/ use tester/tester as login/password
Delux Version 
You can check demo here http://tooltipsdelux.voodoopress.net/wp-admin with tester/tester login/password Examples of result: http://tooltipsdelux.voodoopress.net/example-with-autoreplacement/ http://tooltipsdelux.voodoopress.net/lorem-ipsum/
In addition I can offer you two extended versions
<h4>WordPress Info Tooltips Pro</h4>
Features: 
 – Tooltips can be added to any custom post type – Plugin have option to select where use plugin replacement ( frontpage, archive, single page ) – Plugin can be translated to any language with default WordPress localization system – Full customization of tooltip style ( colors, shadows, borders etc ) – All occurrences of word will be replaced if replacement function will be turn on
<pre><code>You can find it here: <a href="http://codecanyon.net/item/wordpress-info-tooltips-pro/4429443">Wordpress Info Tooltips Pro</a> </code></pre>
<h4>WordPress Info Tooltips Delux</h4>
Features: – Plugin have option to select where use plugin replacement ( frontpage, archive, single page ) – Plugin can be translated to any language with default WordPress localization system – Full customization of tooltip style ( colors, shadows, borders etc ) – All occurrences of word will be replaced if replacement function will be turn on – You can use single shortcode with simple TinyMCE interface to add tooltip to single word.
You can find it here: <a href="http://voodoopress.net/info_tooltips/" rel="nofollow ugc">WordPress Info Tooltips Delux</a>
<h4>How to use it</h4>
So all is pretty simple: After plugin activated there will be “Tooltip” menu. There you can add any number of tooltips with any content you like (standard TinyMCE editor can be used for this purpose). On tooltip editor page there is “Word to apply” meta box. There you can set all tooltip settings:
<ul>
<li>“Word (phrase) to apply” – here you can enter word or phrase. Tooltip will be added to this word on front page view</li>
<li>“Block Width” – here you can set width of tooltip. Can be useful depending on style you want to get</li>
<li>“Style” – here you can set style of tooltip. In general – it is color selector. ( available in Pro Version )</li>
<li>“Use Tooltip Shadow” – here you can set to use tooltip shadow or not.( available in Pro Version )</li>
<li>“Show On” – action to show tooltip: word hover or word click.( available in Pro Version )</li>
<li>“Additional Word Styling” – here you can set CSS styling to word with tooltip added.( available in Pro Version )</li>
<li>“Additional Word Hover Styling” – here you can set CSS styling to word with tooltip added when user hover it.( available in Pro Version )</li>
<li>“Block Position” – here you can set where tooltip will appear relatively to word.( available in Pro Version )</li>
<li>“Use Rounded Corners” – here you can set to use rounded corners or not.( available in Pro Version )</li>
<li>“Show Tooltip Title” – here you can set to show tooltip title ( post title ) on top of tooltip or not.( available in Pro Version )</li>
<li>“Show Title Close Button” – here you can set to show tooltip close button on top of tooltip or not.( available in Pro Version )</li>
</ul>
So for example we can use “wordpress” as word to replace.
Now we can go to single post editor and there you will find “Use Tooltip” meta box. Settings:
<ul>
<li>“Use Replacement in this post” – here you can set turn on or off replacement function in this post.</li>
<li>“Select tooltips you want to use in this post” – here you can select one or more tooltips to apply to current post</li>
</ul>
So after choosing tooltip “WordPress” and saving post in single post editor – tooltips will be added to all occurrences of word “WordPress” on frontend view.
Also you can use TinyMCE selector to select single word and add tooltip shortcode only to this word(phrase). So e.g. you can turn off Replacement option and use tooltip shortcoder addition. Pretty flexible ( available in Delux Version )
Also there is “Tooltips -> Settings” page. Here you can turn on or off places, where replacement will happens. Single Post only is turned on for default.

WordPress Info Tooltips Lite

Wordpress Info Tooltips allows you easily add any additional info to any word of your posts.

Tippy vs WordPress Info Tooltips Lite