图像映射：点击以回显/打印屏幕上的文本。

Question

有没有可能点击图像地图的某个部分并打印出一些文本，无论是那个<area>标签的alt或title值，在页面的某个地方显示？

我能通过jQuery实现这个功能吗？我已经查看了相关资料，但我很难做到这一点（对jQuery很生疏，而且还是新手）。我已经尝试过一些代码，但是我只能得到静态数据。

谢谢。

编辑：这是一张大图，有30个不同大小和形状的可点击“区域”。

- scrot

Answer 1

HTML：

<map name="Map" id="Map">
  <area shape="rect" coords="32,36,222,109" href="#" alt="hi" />
  <area shape="rect" coords="246,45,420,110" href="#" alt="alt" />
  <area shape="rect" coords="456,45,585,111" href="#" />
  <area shape="rect" coords="627,44,768,118" href="#" />
</map>

jQuery：

<script type="text/javascript">
 $(function(){
  $('map area').click(function(){
   alert($(this).attr('alt'));
  });
 });
</script>

- Colin

---

问题在于我有一张大图，上面有30个“点击”选项——将其切成30多个部分将是一个很大的痛苦。 - scrot