This time I will share jQuery Plugin and tutorial about Adaptive Tooltip Popup Plugin With jQuery – AdapTip, hope it will help you in programming stack.
Just another jQuery based tooltip popup plugin which has the ability to automatically set the placement direction based on the position of the matched element.
How to use it:
1. Add jQuery library and the jQuery AdapTip plugin’s JS & CSS files to the webpage.
1 |
< link href = "src/style.adaptip.css" rel = "stylesheet" > |
2 |
< script src = "//code.jquery.com/jquery.min.js" ></ script > |
3 |
< script src = "src/jquery.adaptip.js" ></ script > |
2. Add tooltip title and content to element using data-tp
attributes as follows.
2 |
data-tp-desc="Tooltip Content"> |
3. Just call the function and we’re done.
4. Specify the placement direction of your tooltips.
This awesome jQuery plugin is developed by bertanyaman. For more Advanced Usages, please check the demo page or visit the official website.