Javascript悬停单独的选择

Question

我正在尝试使用 JavaScript 执行以下操作:

1. 将鼠标悬停在 map 上时，必须标记鼠标光标下方的区域。
2. 当您点击所选区域时能够创建一个新窗口。

[我已经取得的成就 - 将鼠标悬停在 map 左侧的矩形上

但是，我需要该区域用于除正方形和几何对象之外的其他东西。 执行它的最佳/简单方法是什么，以便您可以选择如下图所示的区域？

Image with selections

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.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>

这是链接:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_areamap

所以你可以为每个区域分配一个ID，你可以在javascript中编写悬停，点击代码。