This time I will share jQuery Plugin and tutorial about Easy HTML5 Tooltip Plugin For jQuery – tooltip.js, hope it will help you in programming stack.
tooltip.js is a simple, lightweight jQuery plugin which attaches a customizable HTML5 tooltip to DOM elements when hovering.
How to use it:
1. Load the required stylesheet jquery.tooltip.css to style your tooltips.
1 |
<link rel="stylesheet" href="jquery.tooltip.css"> |
2. Load jQuery library and the jQuery tooltip.js script at the end of the document.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="jquery.tooltip.js"></script> |
3. Add the data-tooltip attribute to the DOM element and specify the tooltip content using the data-options.
4. All default plugin options.
This awesome jQuery plugin is developed by hishion. For more Advanced Usages, please check the demo page or visit the official website.
