jQuery Popup Bubble/Tooltip

javascript jquery html css
jakejgordon picture jakejgordon · Mar 9, 2009 · Viewed 271.7k times · Source

I'm trying to make a "bubble" that can popup when the onmouseover event is fired and will stay open as long as the mouse is over the item that threw the onmouseover event OR if the mouse is moved into the bubble. My bubble will need to have all manners of HTML and styling including hyperlinks, images, etc.

I've basically accomplished this by writing about 200 lines of ugly JavaScript but I would really like to find a jQuery plugin or some other way to clean this up a bit.

Answer

Koobz picture Koobz · Feb 10, 2010

Qtip is the best one I've seen. It's MIT licensed, beautiful, has all the configuration you need.

My favorite lightweight option is tipsy. Also MIT licensed. It inspired Bootstrap's tooltip plugin.

Related questions

Refresh/reload the content in Div using jquery/ajax

I want to reload a div on click of a button. I do not want to reload the full page. Here is my code: HTML: <div role="button" class="marginTop50 marginBottom"> <input type="button" id="getCameraSerialNumbers" value="…

Read More
How to apply !important using .css()?

I am having trouble applying a style that is !important. I’ve tried: $("#elem").css("width", "100px !important"); This does nothing; no width style whatsoever is applied. Is there a jQuery-ish way of applying such a style without having to …

Read More
How to add `style=display:"block"` to an element using jQuery?

How to add style=display:"block" to an element in jQuery?

Read More