go back

Basic usage

Roll over this link to see the basic tooltip.

HTML sample

<a href="#" class="tooltip" title="This is an easy tooltip">this link</a>

You can use the tooltip on any element

<em class="tooltip" title="This is em element">any element</em>

JavaScript setup

$.easy.tooltip();

Using custom content

Custom link rollover to see the custom content.

<a href="#" id="custom">this link</a>

JavaScript setup

$.easy.tooltip({
	selector:'#custom',
	content:'Put your custom text here'
});

Using some element's inner content

Roll over this link will display content of the element with id="custom".

<a href="#" id="custom2">this link</a>

JavaScript setup

$.easy.tooltip({
	selector:'#custom2',
	useElement:'custom'
});