https://github.com/pedrohenriques/css_js_tooltips

CSS & JS ToolTips - Dynamic and Completely Customizable
https://github.com/pedrohenriques/css_js_tooltips

css-tooltips tooltip web-tooltip

Last synced: 11 months ago
JSON representation

CSS & JS ToolTips - Dynamic and Completely Customizable

• Host: GitHub
• URL: https://github.com/pedrohenriques/css_js_tooltips
• Owner: PedroHenriques
• License: mit
• Created: 2016-05-15T14:09:01.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2016-05-15T16:51:26.000Z (about 10 years ago)
• Last Synced: 2025-04-17T12:31:40.293Z (about 1 year ago)
• Topics: css-tooltips, tooltip, web-tooltip
• Language: JavaScript
• Homepage: http://www.pedrojhenriques.com/samples/CSS_JS_ToolTips/
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# CSS & JS ToolTips - Dynamic and Completely Customizable

An easy to use ToolTip, built in CSS and JS, that will be dynamically positioned and can be fully customizable by you.

The code will show the tooltip when an HTML element is hovered over and will dynamically adjust the tooltip's position and size to make sure it fits the viewport.

You can find a **DEMO** at [www.pedrojhenriques.com/samples/CSS_JS_ToolTips](http://www.pedrojhenriques.com/samples/CSS_JS_ToolTips/).

## Instructions

### Setup

1. Copy the `tooltips.css` and `tooltips.js` files into your project, or their respective minimized versions.

2. Add a link to the CSS file inside the `` tags, on the webpages you wish to use the tooltips, using ``.

3. Add a link to the JS file and call the starting function before the `