我试图在图像映射中创建“可悬停”区域,以便每当您将鼠标悬停在其上方时,更改为另一图像。
我已经尝试过使用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>
目标是突出显示您悬停在上方的区域。