tooltip.js

The simplest HTML tooltip for your web sites.

How to use it

tooltip.js can be added your website in three simple steps:

1. Include tooltip.js and tooltip.css (or the minified versions for production) in your page.

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

2. Use the title attribute of an HTML element and mark it with .tooltip css class. tooltip.js itself does not require any configuration options, but you can customize the tooltip position and style with css classes.

<button class="tooltip">
    top
</button>

tooltip.js itself does not require any configuration options. Find out more in the How it works section.

For the full documentation and examples please visit this site.