miniTip - Ultra lightweight jQuery tooltip plugin

miniTip is an ultra lightweight jQuery plugin that creates highly customizable tooltips without all of the fluff.

Features

• JS + CSS is just 4.5kb minified (1.7kb gzipped)!
• No images
• Automatically stays within viewport
• Automatic support for image maps
• Extremely easy to style
• Use text or HTML from title tag, hidden element, or JS declaration
• Fade in and out
• Set custom delay for show/hide
• Specify default anchor position
• Persistent tooltip that only closes when mouse moves off of tooltip and anchor element
• Support for hover and click events
• Optional title bar
• Tested in: IE7+, Firefox 3.5+, Safari 3+, Chrome, Opera 10+
• More features can be found at the miniTip home page

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: goldfirestudios.com

1. INCLUDE JS AND CSS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="/proj/minitip/jquery.minitip.min.js?v=2"></script>
<link rel="stylesheet" href="/proj/minitip/minitip.min.css" type="text/css"/>

2. HTML

<span  id="ex1" title="This is a basic miniTip example!">Hover to view this example.</span>

3. JAVASCRIPT

$(function(){
	$('#ex1').miniTip();
});

4. OPTIONS

• title: string ('' by default) Leave blank to hide title bar, enter text/html to display in title bar.

• content: string/pointer (false by default) Omit to pull content from title tag. Enter text/html to display as the tooltip's content. Also works from hidden div's by doing $('#div').html() or similar.

• delay: number (300 by default) The amount of time in milliseconds that the tooltip waits to display and hide.

• anchor: string ('n' by default) The default location of the tooltip. Can by 'n' (top), 's' (bottom), 'e' (right) or 'w' (left).

• event: string ('hover' by default) What event triggers the tooltip. Can by 'hover' or 'click.'

• fadeIn: number (200 by default) The speed of the fade in animation in milliseconds.

• fadeOut: number (200 by default) The speed of the fade out animation in milliseconds.

• aHide: boolean (true by default) Set to false to prevent the tooltip from hiding until the mouse moves off of the anchor and the tooltip.

• maxW: string ('250px' by default) The maximum width of the tooltip.

• offset: number (5 by default) The offset in pixels between the stem and the anchor element.

• stemOff: number (0 by default) X-axis offset of stem, set to value of border-radius to adjust for viewport correction.

• show: callback function Custom function to be called when the tooltip is shown.

• hide: callback function Custom function to be called when the tooltip is hidden.

• render: callback function Custom function to be called when the tooltip is rendered.