Tooltip.js

Installation

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.

Sample Webpage

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>

AJAX Requests

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.

This website was designed, developed and is maintained by © Vadim Kononov.