minimal-tooltip

To use the library just add styles and JavaScript

<link rel="stylesheet" href="...tooltip.min.css">
<script src="...tooltip.min.js"></script>

Then you can use tooltips

<p>Lorem ipsum dolor sit amet, <span data-title="The tooltip content">TEXT WITH TOOLTIP</span>, quis nostrud.</p>

By default tooltip displayed at the top of hovered element, but you can change position by add placement option

<a data-title="Tooltip content" data-placement="top | right | bottom | left">Example text</a>

You also can add delay before tooltip will appear

<a data-title="Tooltip content" data-delay="3000">Example text</a>

Name	Values	Default	Description
content	Any string	N/A	Content which will appear in the tooltip
placement	top, right, bottom, left	top	Placement of the tooltip.
delay	any positive number	300	Delay in milliseconds before the tooltip will appear.

Tooltip