1

我一直在尝试创建一个简单的翻转图像，并且我已经使用 CSS 和 JavaScript 方法做到了。但是，我无法链接此图像。

在 CSS 版本中（如下所示），我使用的是背景图像，并且在“空”HTML 块中无法识别该链接。

在 JS 版本中，图像是从图像文件夹中调用的。与 CSS 一样，在“空”HTML 块中无法识别该链接。我将图像放入 HTML 块的那一刻，我的翻转停止工作。

我目前的 HTML 代码中有以下内容。翻转工作，但链接不：

<div class="quick-map"><a href="Services/FloorPlan.aspx" onclick="window.open(this.href);return false;">&nbsp;</a></div>

在此示例中，链接有效，但翻转无效：

<div class="quick-map"><a href="Services/FloorPlan.aspx" onmouseover="document.MyImage.src='images/quick-map.png';" onmouseout="document.MyImage.src='images/quick-map-over.png';"><img alt="" src="images/quick-map.png" /></a></div>

任何建议将不胜感激。这一定很简单，我只是不明白为什么它不起作用。我可以发誓我这样做是正确的......

4

2 回答 2

0

我刚刚想通了。事实证明，除了我在 CSS 中引用的图像之外，我还必须给标签提供一个display: block的宽度和高度。<span>我知道这很简单……谢谢大家的帮助。

于 2011-03-18T14:01:20.647 回答
0

尝试使用这个：

<div class="quick-map">
 <a href="Services/FloorPlan.aspx" onmouseover="document.getElementById('MyImage').src='images/quick-map.png';" onmouseout="document.getElementById('MyImage').src='images/quick-map-over.png';">
  <img alt="" src="images/quick-map.png" id="MyImage" />
 </a>
</div>

请记住，id每个页面都必须是唯一的，因此如果您有多个图像，它们需要不同的 id

于 2011-03-18T13:44:24.387 回答