图像映射:单击以在屏幕上回显/打印文本

时间:2009-09-10 20:39:58

标签: jquery html imagemap

是否可以点击图片地图的一部分并打印出一些文字,无论是页面上某处alttitle标记的值?

我可以通过jQuery执行此操作吗?我看起来并且我正在努力这样做(jQuery非常生疏,并且在它之上是一个新手)。我玩了一些代码,但我得到的只是静态数据。

感谢。

编辑:这是一张大图像,有30个可以点击的独特大小和形状的“区域”。

1 个答案:

答案 0 :(得分:13)

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>