Html 如何在悬停菜单时显示说明?

Html 如何在悬停菜单时显示说明?,html,css,Html,Css,我的主页上有一个奖杯的下图,我想在用户将鼠标悬停在上面时显示一个小说明,就像在这个网站上一样。当我将鼠标悬停在右上角的图标上时,我可以看到一些描述。这是通过onclick完成的吗?它看起来比仅仅有一个段落描述更简洁……可以使用onMouseOver调用函数来显示或更新显示描述的元素。参见下面的示例 <a href='link.html' onMouseOver='showDescription();'><img src='icon.png'></a> 希

我的主页上有一个奖杯的下图,我想在用户将鼠标悬停在上面时显示一个小说明,就像在这个网站上一样。当我将鼠标悬停在右上角的图标上时,我可以看到一些描述。这是通过onclick完成的吗?它看起来比仅仅有一个段落描述更简洁……

可以使用onMouseOver调用函数来显示或更新显示描述的元素。参见下面的示例

<a href='link.html' onMouseOver='showDescription();'><img src='icon.png'></a>


希望这有帮助

您可以使用
title
属性来实现这一点


是否需要为onMouseOver使用函数?我可以用文本替换它吗?onMouseOver='查看您的奖励';等谢谢onMouseOver允许您调用函数或更新元素中的文本。但是对于一个更简单的方法是使用title参数,如下面所示,我正在为一个图像使用字体awesome,这是我的代码:echo“”;这可能与CSS正确显示的父元素有关。感谢您的帮助,但由于某些原因,当我将鼠标悬停在它上面时,它会显示一个白色框,如图所示…您是否在标题中添加了任何文本?我有,我还以为我上传了它的图片。。。你们能看到照片吗?前几天照片还在,但itAm旁边还有一个白色方块,我想看到的是一个白色方块?