vegUI.org home of the javascript based window manager and AJAX framework

VegUISiteKit: Animated Tooltips

This library brings animated tooltips to your site that are easy to set up and integrate. The animation effect for the tooltip can be either the fade or the morph effect. The tooltip itself can be assigned a css class to make sure you can make it fit with the layout of your site.

Demonstration

When i say easy integration i mean easy integration, all you have to do to use the vsk animated tooltip on your site is to include the required vsk libraries. Then you simply set the vsk_ttip attribute to whichever node you want to hava tooltip.
Code: HTML
<span vsk_ttip="This is some tooltip text">Hover me</span>
Hover me

Help spread the word

If you like working with this library and want to help get it some exposure, please go over to hotscripts.com and Rate It. Thanks for your help, it is appreciated ;)

Dependencies:

Instead of downloading all packages and dependencies manually it is recommended that you use the new compiled download script, as it will automatically compile all selected libraries - including dependencies - into one compact javascript file for you to download.

This library is dependent on at least one other VSK library so make sure you download the libraries in the list below.

file-name description
vegui.sk.std.js VSK Core Library
vegui.sk.ani.js VSK Effect Framework
vegui.sk.ani.morph.js VSK Effect: Morph
vegui.sk.ani.fade.js VSK Effect: Fade
vegui.sk.ani.shadow.js VSK Effect: Shadow

Download

This package contains the code in both commented and compressed forms. The compressed version has had it's comments and unnecessary whitespace removed in order to reduce it's size.

download version
tar.gz (3,7 KB),
zip (6,4 KB)
0.1.2 (beta)
tar.gz (3,5 KB),
zip (6,2 KB)
0.1.1 (beta)
tar.gz (3 KB),
zip (5,6 KB)
0.1.0 (beta)

Tutorials on using this library

BETA notice

While this library is in BETA phase YOU can help get it out of there quicker by submitting any bugs you may find to the bug database. Thanks for helping ;)

Changelog

2007.05.22 - vegu@vegui.org
        * version 0.1.2
        * fixed: mouse move and out events are now being added via the event
        handler instead of being directly set as properties on the node, this
        allows the tooltips to be used on elements that have their onmousemove
        and onmouseout events set from other sources.

2007.03.29 - vegu@vegui.org
        * version 0.1.1
        * added: tooltip can now make use of the shadow effect if the library
        is loaded
        * fixed: bug that would prevent the destroyed of tooltips if fade
        effect was used sometimes.

2007-03-12 - vegu@vegui.org
        version 0.1.0