Tooltip-style Info Box Popup Plugin For jQuery - infoBox

File Size: 4.8 KB
Views Total: 3052
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="//"></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.

  // options here

4. Override the default options to customize your information boxes:

  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.