Skip to content

Latest commit

 

History

History
31 lines (24 loc) · 1.13 KB

README.md

File metadata and controls

31 lines (24 loc) · 1.13 KB

tooltip

Easy-to-use embeddable and customizable html tooltip which allows the display of info text overlays during hover. Tooltips are a handsome solution for cluttered websites without the need of hard-coded html info elements.

drawing

drawing

Integration

A little script tag in your html and an icon or img is everything you need! Place the following script in the header or source it of and adjust the global parameters to your demands. Note:If typing is enabled, the typing speed and randomness (human-like) of the typing is mimicked.

<html>
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="./tooltip.js"></script>
        <script>toolTipHandler(window)</script>
    </head>
    ...

Once the script is triggered it will catch dynamically created <tooltip>-tags as well.

Usage

Set the tooltip tag to a prefered place of your page

<tooltip style="height:50px; width:50px">
    This is the Text that will be displayed within the tooltip during mouse hover or touch events.
</tooltip>