This animated JavaScript tooltip script is very simple with only 2kb of file size. It works in IE6+, Firefox, Opera and Safari. The main idea is to create a lightweight script that fades a tooltip with rounded corners attached to the cursor position.
You will need to setup the namespace and global variables, then create a function to display the tooltip that takes two variables. Positioning the tooltip is the next step and you will need to set a function to fade the tooltip to the target opacity. On the mouseout event, fade function will incrementally hide the tooltip.
Get the complete source script and a walk-through of the code now. Because this is very easy to use ;)
Twitter Updates
Loading...
Written by Thomas
Topics: Scripting