My Labs

jQuery Tooltip (jqTooltip)

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,// time in milliseconds that you must leave the mouse over the link until the tooltip appears
			duration : 500,//time in milliseconds that the tooltip will stay visible after you remove the mouse over the link
			xOffset : 15,
			yOffset : 15,
			opacity : 0, 
			fadeDuration: 400 
		});
Example 1: a simple tooltip.

Example 2: a simple tooltip with ajax loaded content.

Example 3: delay:1000, opacity:50.

Example 4

Example 5:Google Earth variation by Steve Favorito.

Download jqTooltip v1.2

Dual licensed under the MIT and GPL licenses.

Download jqTooltip variation sticky option added by Steve Favorito