Question

我有一些缩略图，我希望每个都是一个不同的链接。以下代码通常可以正常工作：

<a href=#><img src=# /></a>

但是，我将每个缩略图都设置为图像映射（因此缩略图图像会随着鼠标移动而改变）。现在，无论我在哪里放置<a>标签，图像都拒绝成为链接。甚至在包含图像的div上使用JavaScript。值得注意的是，图像下面有一个标题（在<span>标签中）。这确实可以作为链接。

如何将此图片同时设为链接和地图？

Answer 1

为什么使用图像地图？没有必要使用图像映射来获得这种行为。

Answer 2

嗯，我明白了......

好吧，图片地图是<a>代码的唯一替代品。

如果你想使用这种行为，我建议在图像上创建3个div，每个div都有单独的onMouseOver处理程序，并在<a>元素周围留下<img>标记以获得onClick行为。< / p>

作为第二种选择，您不仅可以使用onMouseOver事件处理程序扩展div，还可以使用onClick事件处理程序和单个函数内的进程单击来扩展div。