Jquery IMG热点-启用可单击区域

我需要启用上面的图像，以便3个部分可以点击

我想把它作为一个图像保存，我假设我需要使用jquery热点（jquery是我首选的动态语言）

有人能用这个给我指一下正确的方向吗

---

thx

嗯，这是一种奇怪的解决方案，正如@Dan在他的评论中所指出的，图像地图可能是一个更好的选择

但至少这里有一个jQuery解决方案：

JavaScript:

$('#menu').click(function (e) {
  var elements = 3;
  var element_height = $(this).height() / elements;
  var mouse_y = e.offsetY;

  for (var i = 1; i <= elements; i++) {
    if ((i - 1) * element_height < mouse_y && i * element_height > mouse_y) {
      alert("Clicked element #" + i);
      return;
    }
  }

  alert("Error in calculation");
});
​

$（“#菜单”）。单击（函数（e）{
var元素=3；
var element_height=$（this）.height（）/elements；
var mouse_y=e.offsetY；
对于（变量i=1；i鼠标_y）{
警报（“单击元素#”+i）；
返回；
}
}
警报（“计算错误”）；
});
​

---

只需将图像保存在

img

或与图像大小相同的容器中，然后使用

#菜单的
id
复制粘贴上面的代码即可
 那老式的HTML图像地图呢或者，重新考虑一下这个计划。它需要是一个单一的图形吗？也许可以把它分成3个独立的图形？它需要一个图形吗？你能用CSS来做这件事，并把小图标作为背景图形吗？