Add simple tooltips to your website (Requires jQuery).
The minified versions can be found on the releases page
First of all add the jQuery and SimpleTooltip scripts
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="path/to/simpletooltip.min.js"></script>
and then add the SimpleTooltip css!
<link rel="stylesheet" type="text/css" href="path/to/simpletooltip.min.css">
Then add
<div id="tooltip"></div>
to your HTML, for example right after the body tag.
Now let's say you want to create a tooltip for a link, that says: "This will open in a new window".
For example:
<a class="tt" data-tooltip="This will open in a new window">Link</a>
simple!
There are effects to change how the tooltip appears and disappears. Let's say you have your link now, but you think the tooltip appears too sudden. We can change that with the attribute data-tt-effect! An example of how to make the tooltip fade in and out:
<a class="tt" data-tooltip="This will open in a new window" data-tt-effect="fade">Link</a>