Super Simple jQuery Tooltip Plugin - ssTooltips

Super Simple jQuery Tooltip Plugin - ssTooltips
File Size: 50.1 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

ssTooltips is an ultra-light (~2kb ) jQuery plugin used to generate a highly customizable tooltip from the data-tooltip attribute of a target element.

How to use it:

1. Add the jQuery library and the jQuery ssTooltips plugin into your web page.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/plugins.js"></script>

2. Add the data-tooltip attribute to your element to specify the content for the tooltip when hovered.

<a class="demo" href="#" data-tooltip="Content goes here">Hover me</a>

3. Call the plugin and custom the appearance of your tooltips.

$( document ).ssTooltips('.demo', {
  bgColor: "#e74c3c", // background color
  txtColor: "#fff", // text color
  maxWidth: 200, // max width of the tooltip
  borderRadius: 5, // border radius in px
  fontSize: 14 // font size in px
});

This awesome jQuery plugin is developed by berbecki. For more Advanced Usages, please check the demo page or visit the official website.