设置同一图片的某些部分的超链接？ （HTML）

Question

我希望将同一张图片的某些部分超链接到不同的网页 有没有办法用javascript坐标或任何其他方式做到这一点？

Answer 1

您可以使用HTML MAP标记执行此操作，例如：

<img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_512.png"
    width="512" height="512" alt="Logo" usemap="#logomap"/>
<map name="logomap">
  <area shape="rect" coords="0,0,256,512"
      href="javascript:alert('left')" alt="Left">
  <area shape="rect" coords="256,0,512,512"
      href="javascript:alert('right')" alt="Right">
</map>

这是fiddle尝试一下。点击图片左侧会显示一条说明left的Javascript提醒，右侧会显示right。