Javascript 将鼠标指针移到按钮上时,如何显示更多信息?

Javascript 将鼠标指针移到按钮上时,如何显示更多信息?,javascript,jquery,ruby-on-rails,ruby,jquery-ui,Javascript,Jquery,Ruby On Rails,Ruby,Jquery Ui,我使用的是Railsv3.2.2和jQueryRailsv2.0.2RubyGems。当我将鼠标指针移动到一个按钮上时,我想显示更多的信息,例如Facebook、Google和其他公司在其应用程序中制作的按钮 下面是Google Gmail的截图,显示了我希望在应用程序中实现的内容: 我该怎么做?在按钮标签上使用title属性怎么样 比如: <input type="button" title="your message" value="Button" /> 在按钮标签上使用ti

我使用的是Railsv3.2.2和jQueryRailsv2.0.2RubyGems。当我将鼠标指针移动到一个按钮上时,我想显示更多的信息,例如Facebook、Google和其他公司在其应用程序中制作的按钮

下面是Google Gmail的截图,显示了我希望在应用程序中实现的内容:


我该怎么做?在按钮标签上使用
title
属性怎么样

比如:

<input type="button" title="your message" value="Button" />

在按钮标签上使用
title
属性怎么样

比如:

<input type="button" title="your message" value="Button" />

考虑一个工具提示库,其中有很多,包括:

  • 时髦的:
  • 颜色提示:
  • 抱怨:

web搜索将显示更多信息。

请考虑工具提示库,其中有许多工具提示库,包括:

  • 时髦的:
  • 颜色提示:
  • 抱怨:

web搜索将显示更多信息。

查看jQuery工具提示插件。

查看jQuery工具提示插件。

有几种方法可以实现这一点,使用CSS和/或JavaScript。以下是一个基本的CSS解决方案:

HTML

按钮文本
工具提示内容​
CSS

.tooltip{display:none;}
按钮:悬停+。工具提示{显示:块;}​

有几种方法可以实现这一点,使用CSS和/或JavaScript。以下是一个基本的CSS解决方案:

HTML

按钮文本
工具提示内容​
CSS

.tooltip{display:none;}
按钮:悬停+。工具提示{显示:块;}​

你的工作是从什么标记开始的?这个链接可以帮助你找到你想要的:是的。。。但是HTML标记采用什么结构呢?显示你的代码。你是从什么标记工作的?这个链接可以帮助找到你想要的:是的。。。但是HTML标记采用什么结构呢?显示你的代码。我想给信息文本一些样式。对于
标题
属性,可以这样做吗?我想给信息文本一些样式。是否可以为
标题
属性设置此选项?