将鼠标悬停在 ASP.NET 按钮上时显示注释

Posted

技术标签:

【中文标题】将鼠标悬停在 ASP.NET 按钮上时显示注释【英文标题】:Display notes when hovering over ASP.NET buttons 【发布时间】:2012-10-06 02:37:11 【问题描述】:

我的页面上有许多按钮,我希望在其旁边显示一些注释,说明当它们悬停在任何特定按钮上时按钮的用途。

我将如何实现这一目标?

(当你将鼠标悬停在这个***页面上的标签上时,我正在寻找类似的东西......)

【问题讨论】:

【参考方案1】:

你应该这样做

<form runat="server">
<asp:Button id="button1" Text="Submit" runat="server"
ToolTip="This is an example-button"/>
</form>

此处工具提示显示您的消息。

【讨论】:

【参考方案2】:

使用 jQuery 点击该项目的悬停:http://api.jquery.com/hover/

附加一个显示和隐藏 div 的悬停函数。有许多使用 jQuery 显示弹出窗口的示例。一个快速的谷歌搜索带我Here。您还必须将弹出窗口放置在正确的位置。您也可以使用 jQuery 获得正确的位置。 http://api.jquery.com/position/

【讨论】:

【参考方案3】:

如果你更喜欢使用 codeBehind,试试这个:

nameOfControlButton.ToolTip = "Here is my tooltip comment";

【讨论】:

如果我需要“这是我的工具提示”根据悬停的项目从数据库中动态显示?

以上是关于将鼠标悬停在 ASP.NET 按钮上时显示注释的主要内容,如果未能解决你的问题,请参考以下文章

将鼠标悬停在图像上时需要 CSS 效果,以获取另一个图像和/或文本以显示在其上方

将鼠标悬停在按钮上时如何更改 div 的文本?

鼠标悬停事件的JS问题以显示额外的按钮

ASP.Net 用户控件悬停导致点击

使用css将鼠标悬停在按钮上时如何更改站点背景图像?

将鼠标悬停在图像链接上时显示文本