javascript - 视差上的可点击图像

Question

我想做的是创建菜单，而不是链接，一个可点击的图像。然而，这些图像是视差层。我应该如何处理这个？可点击的图像应该在不同的层上吗？

这是我要使用的图像。我希望背景中的那座塔将您带到画廊，但与此同时，如前所述，那一层将是视差的。

有什么想法吗？

Answer 1

创建一个包含绝对定位链接作为导航形式的单独视差层可能是个好主意。如果您确实想将图像上的某些区域映射为链接，您可能需要使用标签，如本例中取自 here 的标签。 :

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

形状定义了每个可点击区域的区域类型，坐标定义了所述区域的周长； href 属性定义了单击该区域时页面导航的位置。

要使用非基本形状实现此目的，您可以将类型设置为“多边形”，然后设置多边形的每个 anchor 的坐标:

<area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="yellow.html" alt="Yellow star.">