Display a dynamic bubble on a link hover

Question

Hi guys, I hope you can help me with this problem :). I'm looking for a script which allows me to display a dynamic bubble on a link hover by jQuery.

I would to to define a hidden div with the content and display it on a hover of certain link (always in the middle of that link and it should disappear when you leave the link OR the box with your cursor).

Something like this (sorry for such poor illustration :D):

Thanks a lot for your help!

Answer 1

You should try some plugin, like this one tooltip. I am using it for few years without any problem.

Hope this helps

Answer 2

Watch out this: http://craigsworks.com/projects/qtip/

styleable with css (image free) plugin for jquery.