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 ![]()




















Last Comments
Tom Ross: Thanks for featuring my sunburst set, I really appreciate it :) Your site seems to be doing great btw, congrats!
Ryan McGeary: Nice! Thanks for the timeago writeup.
Thoms: You might wanna check www.hapjestheater.nl! Also a desktop / table approach website.
dudeydudedude: With all due respect, these are basically examples of “web design ideas that overused and already very...
Aziendealtop: Complimenti per l’alta qualità grafica del sito
Stan Gursky: My website looks like a desktop :P
Web Designer Perth: It’s brilliant. It inspired me to put this Mad Max spoof together: “My life fades. The vision dims....