Tooltip-style Info Box Popup Plugin For jQuery - infoBox
File Size: | 4.8 KB |
---|---|
Views Total: | 3021 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="src/infoBox.js"></script>
2. Embed your information into anchor links as these:
<a id="box1">Info 1</a> <a id="box2">Info 2</a> ...
3. Initialize the plugin to show default information boxes when you hover over the links.
$('#box1').infoBox(); $('#box2').infoBox({ // options here });
4. Override the default options to customize your information boxes:
$('#box2').infoBox({ bg_color: "black", text_color: "white", width: 200, position: "below" // or 'above' });
This awesome jQuery plugin is developed by ajarunthomas. For more Advanced Usages, please check the demo page or visit the official website.