html 链接和悬停事件在图像的某些位置上

Question

所以我很久以前创建了一个网站，使用了一个非常像前端页面 + 表达式设计的设计师，从那时起我开始更多地编码，我正在学习 html、CSS 和所有这些好东西..我有这个重新设计的标题，我在这里制作：

http://prntscr.com/8zct

所以我需要知道的是，我如何获得它，以便当用户单击标题设计中的一个链接时，它会重定向到一个页面。以及如果可能的话，如何做到这一点，当用户将鼠标悬停在链接上时，可能会出现带有其他选项的下拉菜单，编辑：我希望能够在下拉菜单中添加背景图片导航菜单

由于我对这类东西很陌生，有人可以帮助我实现这一目标吗？

PS。我正在使用 ASP 在 Visual Studio 中工作。但这并没有改变 html 和 css 的任何内容。只是让你们知道。

Answer 1

要根据对图片特定区域的点击进行导航，请阅读图片地图。

要创建菜单和其他活动组件，请阅读 JavaScript（也推荐：jQuery）。

Answer 2

您还可以创建可单击的 div，用作图像上的热点。这样，如果 ti 悬停/单击，您可以将背景图像添加到该 div，而图像映射不会为您提供这种机会。