Bootstrap Tooltip Style In jQuery – Tooltip.js

Tooltip
Bootstrap Style Tooltip With jQuery - Tooltip
File Size: 1.9 KB
Views Total: 1225 views
Last Update:October 26, 2021
Publish Date: October 26, 2021
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

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.

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.
List Of Version :

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.

Related jQuery Plugins

You Might Also Like