0

我承认，我是一个 JavaScript 菜鸟。我当前任务的一部分是当用户将鼠标悬停在第一个 .png 的左上角时，我试图将一个 .png 文件替换为另一个 .png。当他关闭鼠标时，.png 需要恢复为初始的 .png 文件。

我正在尝试使用图像映射和 java 脚本来完成此操作。我在第 17 行收到以下错误：

'StaticImage1 is undefined"

第 17 行是下面的“area coords=...”行：

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Hot Spot Test</title>
<script language="javascript" type="script">
loadImageUL = new Image();
loadImageUL.src = "images/image2.png";
staticImage1 = new Image();
staticImage1.src = "images/image2.png";
</script>
</head>
<body>
    <p>
    <map id="FPMap1" name="FPMap1">
        <area coords="0, 0, 111, 96" href="http://thepcparamedics.com/" shape="rect"  onmouseover="image1.src=loadImageUL.src;" onmouseout="image1.src=staticImage1.src;" />
    </map>
    <img name="image1" alt="" height="203" src="images/image1.png" width="234" usemap="#FPMap1" />
</p>
</body>

我知道我一定错过了一些简单的东西。提前感谢你的帮助。

麦克风

4

2 回答 2

1

您的脚本type应该是text/javascript，并且您可以省略language

于 2010-01-22T03:47:02.393 回答
0

好的。因此，与问题无关的代码存在一些问题。比如 StaticImageUL 和 StaticImage2 都被分配了 image2.png。

话虽如此，错误的原因是由于脚本元素中的 Type="script" 。我将其更改为 type="" 并且代码似乎可以按预期工作。

于 2010-01-22T03:47:42.723 回答