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
   
Tooltip-style Info Box Popup Plugin For jQuery - infoBox

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.