Tipper Demo

View Documentation

Basic

Tipper will generate a tooltip based on the target element's data-title. It can also be configured to open in multiple directions by passing the direction at initialization:

$(".target").tipper({
	direction: "top"
});

<a href="#" data-title="ToolTip Text">Tooltip Target</a>

Demo

Follow

You can configure Tipper to follow the user's mouse:

$(".target").tipper({
	follow: true
});

Demo

Match

You can configure Tipper to match the user's mouse position relative to the target:

$(".target").tipper({
	match: true
});

Demo

Delay

You can set a delay to avoid accidental tooltips:

$(".target").tipper({
	delay: 500
});

Demo