Tooltip.js is incredibly easy to install. All you need is to include a CSS stylesheet and a JavaScript file (the "async"
attribute is optional and is not supported by versions of Internet Explorer lower than 10):
<link href="tooltip.min.css" rel="stylesheet">
<script src="tooltip.min.js" async></script>
Note: The above statements conform to HTML5. When implementing this plugin into your own webside you should be mindful of the <!doctype>
you are using and adjust the syntax accordingly.
Below is a sample webpage, which demonstrates the use of the plugin. Run it in your browser and hover over the elements with the title=""
attribute.
<!doctype html>
<html>
<head>
<link href="tooltip.min.css" rel="stylesheet">
<script src="tooltip.min.js" async></script>
</head>
<body>
<h1 title="Website main heading">Tooltip.js</h1>
<p>Built by <a href title="Plugin developer">Vadim Kononov</a>.</p>
</body>
</html>
No additional setup is requred to enable Tooltip.js for elements that are created using AJAX Requests. Tooltip.js will find those elements automatically the moment they are moused over.