A Simple JavaScript Tooltip

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

Incoming search terms:

• simple javascript tooltip
• animated tooltip using javascript and css
• javascript animated tooltip
• javascript tooltip
• javascript tooltip animated
• tooltip javascript
• tooltip title javascript