https://github.com/zoltantothcom/vanilla-js-tooltip
Vanilla Javascript tooltip. Accepts plain text and fancy HTML.
https://github.com/zoltantothcom/vanilla-js-tooltip
Last synced: about 1 month ago
JSON representation
Vanilla Javascript tooltip. Accepts plain text and fancy HTML.
- Host: GitHub
- URL: https://github.com/zoltantothcom/vanilla-js-tooltip
- Owner: zoltantothcom
- License: unlicense
- Created: 2015-12-11T21:50:37.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-19T14:30:14.000Z (about 8 years ago)
- Last Synced: 2024-08-03T18:14:49.218Z (11 months ago)
- Language: HTML
- Size: 32.2 KB
- Stars: 28
- Watchers: 3
- Forks: 6
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-vanilla-js - Vanilla JS Tooltip - Vanilla Javascript tooltip. Accepts plain text and fancy HTML. (Components / Tooltips)
README
Vanilla Javascript tooltip.
-------
Vanilla Javascript tooltip. Accepts plain text and fancy HTML.
#### Demo
[http://zoltantothcom.github.io/vanilla-js-tooltip](http://zoltantothcom.github.io/vanilla-js-tooltip)
#### Settings
Option | Type | Default | Description
------ | ---- | ------- | -----------
theme | string | dark | Selects one of the pre-defined tooltip styles - light or dark.
dist | number | 10 | Specifies the distance in pixels from trigger to tooltip.
delay | number | 0 | Specifies how long the tooltip remains visible after the mouse leaves the trigger.
#### Example
HTML:
```html
Lorem ipsum dolor sit amet.
```
Javascript:
```javascript
var tooltip = new Tooltip({
theme: "dark",
delay: 750
});
```
#### Browser support and dependencies
Browser | Support | Dependencies
------ | -------- | -----------
Chrome | yes | -
Firefox | yes | -
Safari | yes | -
Opera | yes | -
IE | yes* | -
\* _IE9 and up_
#### License
Free. [Unlicense](http://unlicense.org).