Submit your widget

The Simplest jQuery Tooltip Ever

Created 10 years ago   Views 7924   downloads 2053    Author n/a
The Simplest jQuery Tooltip Ever
View DemoDownload 16.7 KB
126
Share |

What this script does is adds an element to the body when you roll over a certain object. That element's appearance is predefined with css (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When cursor is moved over he object, element moves with it and when cursor roll out, the element is deleted.

The script takes a title attribute of an A tag and place it inside the popup element.
Html looks like this:

<a href="http://cssglobe.com" class="tooltip" title="Web Standards Magazine">Roll over for tooltip</a>