jquery - 工具提示作为工具栏 : jQuery, CSS，或者...？

Question

我想将工具提示用作工具栏，并希望获得有关最佳实现方式的一些建议。

这是我的要求:

• 在 CSS 或 jQuery(或两者)中实现
• 悬停一两秒后显示工具提示
• 工具提示有用于进一步 UI 的按钮
• 在 mouseout 上，工具提示保持可见一秒钟
• 工具提示在触发元素和工具提示本身的 mouseover 上保持可见
• 工具提示可以包含 HTML

这是我想做的一个例子:

Answer 1

是的，taylorjes 是对的。 tooltip info/download请务必注意，您可以在此工具提示中包含 HTML。这意味着您可以包含带有点击事件等的按钮。我相信您将能够根据您的要求进行调整。

工具提示图片可以是自定义的，也可以使用其中一张非常漂亮的图片。

这是我的一个例子:

在 JavaScript 中:

$("#toolTipBusinessInfo img[title]").tooltip({ effect: 'slide' });

在 html 中:

<div id="toolTipBusinessInfo" class="pageTitleContainer">
                            <div style="float: left">
                                Business Information</div>
                            <img style="float: left" src="images/question-mark.jpg" alt="?" width="25px" height="25px"
                                title="<p><b>Business Information</b></p>The legal name of the business refers to the name that is reflected on the business license and the name that is used for legal purposes. Legal address reflects the legal address that is used for legal purposes also." />
                        </div>

看起来像这样: