Javascript 使图像的某些部分可单击

我想让这个图像中的某些标志可以点击到URL

这是图片

例如：

• 我希望betfair和claim立即打开www.betfair.com
• 比Bet365徽标更容易打开www.Bet365.com
• 比Betvictor徽标更容易打开Betvictor.com
• 和所有下注文本一起打开网站

---

我如何才能做到这一点？

请在此处查看HTML图像地图标记：

---

将图像放在锚定标签内，并添加

target=“\u blank”

以打开其他选项卡中的链接

<a href="link" target="_blank"><image></a>

---

您可以使用HTML地图。您可以通过坐标在图像中定义不同的区域，如

<img src="PaTb5F2.png" width="145" height="126" alt="logo" usemap="#map">

<map name="map">
  <area shape="rect" coords="0,0,82,126" alt="365" href="www.bet365.com">
  <area shape="circle" coords="90,58,3" alt="fair" href="www.betfair.com">
</map>

---

使用此代码，我从w3schools获得，它确实对您有帮助

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

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
<area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

查看HTML区域地图/HTML图像地图。有许多关键字用于此，但它们大多指向相同的html代码

您有一个img标签：

<img src="IMAGE.png" width="X" height="Y" alt="ALT" **usemap="#map"**>

有许多教程可以帮助您使用
使用Dreamweaver的选项，这个编辑器有一些工具可以实现这一点。我认为在html中使用
标记非常简单，所以使用带有嵌套
元素的html表（对于
元素来说，这不是一个好方法）；这样，盲人和弱视的读者也可以访问这些内容（并且不会违反任何反歧视立法）。虽然这个链接可以回答这个问题，但最好在这里包含答案的基本部分，并提供链接供参考。如果链接页面发生变化，只有链接的答案可能会失效。公平地说，我将在中复制相关部分
<img src="IMAGE.png" width="X" height="Y" alt="ALT" **usemap="#map"**>

<map name="myMap">
  <area shape="rect" coords="10,10,50,100" href="www.your.link" alt="ALT">
  ... more <area> are possible
</map>