A Free jQuery Plugins With Tooltip.js is light weight and fully customize tooltip jQuery Plugin. A Bootstrap tooltip style Without include Bootstrap framework, Tooltip Custom With jQuery. Some time we have requirement without bootstrap load used same style need.
Table of Contents
How To Use :
Add the jQuery Library after add Tooltip.js plugin in the HTML document.
<link rel="stylesheet" href="jquery.tooltip.min.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="jquery.tooltip.min.js"></script>
Add the data-toggle="tooltip" attribute to the target element and uses the title attribute to define the tooltip text as follows:
<button
data-toggle="tooltip"
title="Tooltip Content Here"
>Hover Me
</button>
Determine the placement of the tooltip. Default: ‘bottom’.
- top
- bottom
- left
- right
<button
data-toggle="tooltip"
title="Tooltip Content Here"
data-placement="right"
>Hover Me
</button>
Done
Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
