Home / Web Development / CSS / Responsive Tooltip With JavaScript And CSS

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

The HTML




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:

JavaScript

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







CSS

Style the tooltips with the following CSS rules.

Full Code




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

Loading Facebook Comments ...
Social Media Auto Publish Powered By : XYZScripts.com