使用Jquery将鼠标悬停在图像上时SharePoint可展开的链接菜单

我在为内容编辑器Web部件中的图像创建鼠标悬停菜单时遇到问题

我想要的功能是在一个表中并排显示两个图像。当用户将鼠标悬停在其中一个图像上时，会出现一个下拉菜单，其中包含一些不同的链接。当用户将鼠标移离图像时，菜单将消失

这是我的内容编辑器Web部件的HTML，其中包含图像：

<table _moz_resizing="true">
<tbody>
<tr>
<td>
<br/>
<center><a href="/sites/XXXX/AllItems.aspx"><img src="/sites/XXXX/SiteAssets/Link2.png" _moz_resizing="true" alt=""/></a></center>
</td>
<td>
<br/>
<center><a href="/sites/XXXX/Lists/XXXXX/AllItems.aspx"><img src="/sites/XXX/SiteAssets/Link3.png" _moz_resizing="true" alt=""/></a></center>
</td>
</tr>
</tbody>
</table>

这两幅图像并排出现。现在，我想将我在上面提到的效果合并到这个链接中：

（只有鼠标悬停效果，基本上只有一个“标题”（图像），因为我只有三个子菜单链接。）

---

我从来没有真正学习过javascript，只是查看我在网上找到的资源并将它们整合到页面上。有人能概述一下我将如何使用适当的DIV标记来构造HTML和Jquery以使其工作吗？任何帮助都将不胜感激

我将把div放在html代码中，而不是img标记，图像将成为div的背景。我将在每个div中放置一个select标记，并将display:none作为div中select标记的默认值。我的div将有一个class属性，在mouseover事件中，我将更改触发悬停的div中select的显示。当mouseout发生时，我会更改内部div的显示。尝试在谷歌上搜索更多信息

我希望这有帮助