This time I will share jQuery Plugin and tutorial about Tooltip-style Info Box Popup Plugin For jQuery – infoBox, hope it will help you in programming stack.
infoBox is a small and easy-to-use jQuery plugin for creating information boxes that add custom annotations to any DOM elements just like the tooltip.
How to use it:
1. Download the plugin and insert the main JavaScript file after jQuery JavaScript library.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="src/infoBox.js"></script> |
2. Embed your information into anchor links as these:
1 |
<a id="box1">Info 1</a> |
2 |
<a id="box2">Info 2</a> |
3. Initialize the plugin to show default information boxes when you hover over the links.
4. Override the default options to customize your information boxes:
This awesome jQuery plugin is developed by ajarunthomas. For more Advanced Usages, please check the demo page or visit the official website.
