zoltantothcom / vanilla-js-tooltip

Vanilla Javascript tooltip. Accepts plain text and fancy HTML.

Vanilla Javascript tooltip.

Vanilla Javascript tooltip. Accepts plain text and fancy HTML.

Demo

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:

Lorem <span data-tooltip="<img src='//lorempixel.com/150/100/' />" data-position="right top">ipsum</span> dolor sit amet.

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.