Responsive Tooltip With JavaScript And CSS

Hi all,
The tooltip functionality is very important part in web development.. Mainly it used in form, information in PHP or HTML.

Table Of Content

  1. HTML
  2. CSS
  3. JavaScript


Add the rel=”tooltip” attribute to the target element and define the tooltip content using title attribute. You can also specify the directions using CSS classes as shown below:



The main JavaScript to active the tooltips. Just include the following JS file at the bottom of the webpage and done.



Style the tooltips with the following CSS rules.

Full Code

  Tooltip style


If anyone has doubts on this topic then please do let me know by leaving comments or send me an email.

Leave a Reply

Your email address will not be published. Required fields are marked *