0

原谅我措辞不佳的标题，但我不知道如何用技术术语表达我想要做的事情。

基本上，页面上会有一张图片，当用户点击图片的某个部分时，特定于用户点击区域的信息将显示在“状态”（prolly div 容器对吗？）旁边图片。我可以参考的最接近的是这个链接（http://www.seatguru.com/airlines/United_Airlines/United_Airlines_Canadair_CRJ700_C.php) 对于 SeatGuru。当用户将鼠标悬停在座位上时，会出现一个工具提示，其中包含有关悬停的座位的信息。我正在尝试构建相同的功能，但操作将是单击而不是悬停，而不是工具提示中显示的信息，我希望它显示在图像旁边的“状态”区域中，并在每次新的“座位”时刷新"被点击。我尝试查看 SeatGuru 的源代码并看到 jQuery 引用，我应该如何尝试实现它？

不知道这是否重要，但它被用于 Django (python) 站点。

TIA。

4

2 回答 2

1

您还可以轻松使用图像地图创建器，从而避免大量工作；）例如： http: //www.maschek.hu/imagemap/

于 2013-05-28T05:37:37.037 回答
0

您可以使用 HTML 图像映射定义图像中的可点击区域：

http://www.w3schools.com/tags/tag_map.asp

<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>

另一种选择是使用带有超链接的 SVG 图像

于 2013-05-28T05:23:29.510 回答