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

前端之家收集整理的这篇文章主要介绍了jquery – 图像映射:单击以在屏幕上回显/打印文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以单击图像映射的一部分并打印出一些文本,无论是该< area>的alt或title值.标记页面的某个地方?

我可以通过jQuery做到这一点吗?我看起来并且我正在努力这样做(jQuery非常生疏,并且在它之上是一个新手).我玩了一些代码,但我设法获得的是静态数据输出.

谢谢.

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

解决方法

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,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>
原文链接:https://www.f2er.com/jquery/176365.html

猜你在找的jQuery相关文章