有没有办法在地图上悬停区域?

时间:2019-04-16 18:56:06

标签: javascript html css

我试图在图像映射中创建“可悬停”区域,以便每当您将鼠标悬停在其上方时,更改为另一图像。

我已经尝试过使用jQuery,尽管我对javascript非常陌生。

这是地图,不要介意随机链接。

<div>
<img src="retro.jpg" usemap="#retromap">

<map name="retromap">
  <area id="a01" shape="rect" coords="42,68,198,190" alt="Logo" href="https://Gpo.gov">
  <area shape="rect" coords="223,81,338,173" alt="Menu" href="https://Plos.org">
  <area shape="rect" coords="347,81,461,173" alt="News" href="https://Ssa.gov">
  <area shape="rect" coords="446,81,581,173" alt="About" href="https://Ny.gov">
  <area shape="rect" coords="589,81,704,173" alt="Contact" href="https://Dol.gov">
  <area shape="rect" coords="114,363,1021,871" alt="Menu" href="https://Congress.gov">

</map>
</div>

目标是突出显示您悬停在上方的区域。

0 个答案:

没有答案