Tipr is a small and simple jQuery tooltip plugin
Tipr is a small and simple jQuery tooltip plugin. It's free and open source.
For a demo, mouseover the Latin text below
Simple, small, flat, cool
Tipr displays attractive tooltips, and it's a shade under 4KB, CSS included. The tooltips can appear above or below almost any HTML element. Tipr is open source and released under the MIT License, and is compatible with all modern browsers.
Copy the tipr folder to your site and include the following in the
<head> section of your page.
The first line loads jQuery via Google Hosted Libraries
. You can host the jQuery
library locally if you prefer. The remaining lines load the Tipr CSS and the Tipr jQuery plugin.
Also included in the download package is
tipr.min.js, a compressed release of the
tipr.js plugin. You should use this if you don't intend to make any changes to the jQuery code.
.tipr() method. Include this towards the end of the page.
Adding a tooltip
To add a tooltip to an HTML element, add the Tipr
data-tip data attribute contains the tooltip text.
Just about anything can have a tooltip.
You can stack the Tipr
class, of course.
The options for Tipr are set as arguments in the
The style of the tooltip, either light or dark. The default is 'light'.
The speed the tooltip displays, in milliseconds. The default is 200.
The tooltip position, either top or bottom. The default is 'bottom'.
Tipr works with Chrome 31+, IE9+, Firefox 35+, Safari 7.1+ and Opera 27+.
© 2015, Tipue. Made in London.