html - 如何创建可点击的 map

Question

我想制作一张加利福尼亚 map ，将其分成多个区域，然后让用户将鼠标悬停在这些区域上。当他们点击区域时，它会将页面向下滚动到他们可以阅读更多信息的指定点。我该怎么做？

Answer 1

只需创建一个图像并在其上应用贴图，如下所示:

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="#sun" alt="Sun">
  <area shape="circle" coords="90,58,3" href="#mercur" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="#venus" alt="Venus">
  <area shape="poly" coords="48,311,105,248,96,210,75,205,38,234,8,310" href="#anything" title="Anything">
</map>