🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

light-tooltip is a dead simple jQuery based HTML5 tooltip plugin that always follows your cursor and is easy to customize using your own CSS styles.


Documentation

light-tooltip

Jquery extremely light tooltip, display on hover, follow mouse

How to use

  1. Load jQuery and tooptip.js
<head>   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>   <script src="tooltip.js"></script> </head>
  1. Add attribute data-tooltip to any element
<body>   <button data-tooltip="This is a button">My button</button> </body>

Example with CSS

<html>   <head>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>     <script src="tooltip.js"></script>     <style>       .div-tooltip {display:none; position:absolute; background-color:#000; padding:10px; color:#fff; font-size:12px Arial; }     </style>   </head>   <body>     <button data-tooltip="This is a tooltip">My button</button>   </body> </html>

You May Also Like