Just The Tip is a crassly-named but drop-dead-simple package that provides attractive tooltips for users out of the box. Tooltips created with Just The Tip can contain any valid HTML that you like, and they are fully customizable using CSS. It requires jQuery to function. It is guaranteed to work in Safari 3, 4 (beta), Firefox 3 and 2. IE support is forthcoming, maybe.
First of all, why don't you just hover over me. I could totally see using this for footnotes1 or defs. You can use any valid HTML in your tooltips, like images or YouTube clips. Of course, you can combine them, like this.
Include the files in the
<link rel="stylesheet" href="justthetip.css"> <script src="jquery-1.3.2.min.js"></script> <script src="justthetip.js"></script>
To use Just The Tip, first attach a class
"jttrigger-" and a numeral to the link which, when hovered over, will display the tooltip. The number you use will correspond to the tooltip that the link triggers.
<a id="jttrigger-0" id="" href="#">this is a link with a tooltip</a>
Then make your tooltip.
<div id="jttip-0" class="jttip" style="display:none;"><div class="jttipcontent"><p>Check out this rad tooltip.</p></div></div>
The above example will show up like this: this is a link with a tooltip.
If you find this script has value, I'd love for you to throw me some cash (paypal) so I can keep making things like this. It's not easy being an independent web developer in 2009. Even if you don't want to donate, I'd love to . I'm also available for freelance work.