javascript - jQuery弹出气泡/工具提示[关闭](jQuery Popup Bubble/Tooltip [closed])

Question

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.

(我正在尝试创建一个“气泡”，当触发onmouseover事件时，该气泡可以弹出，并且只要鼠标悬停在引发onmouseover事件的项目上，或者如果鼠标移至气泡中，它就会保持打开状态。)

My bubble will need to have all manners of HTML and styling including hyperlinks, images, etc.

(我的泡沫将需要具有各种HTML和样式，包括超链接，图像等。)

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.

(我基本上通过编写约200行丑陋的JavaScript来实现了这一目标，但是我真的很想找到一个jQuery插件或其他一些方法来解决这一问题。)

  ask by jakejgordon translate from so

Answer 1

Qtip is the best one I've seen.

(Qtip是我见过的最好的Qtip。)

It's MIT licensed, beautiful, has all the configuration you need.

(它是MIT许可的产品，美观，具有您所需的所有配置。)

My favorite lightweight option is tipsy .

(我最喜欢的轻便选项是小费 。)

Also MIT licensed.

(也是麻省理工学院许可的。)

It inspired Bootstrap's tooltip plugin .

(它启发了Bootstrap的工具提示插件 。)