0

所以。首先我使用了这个<img onmouseover="preview.src=img1.src" id="img1" src="pic01.jpg" alt="Image Not Loaded"/>，但它没有用。我将“id”更改为“name”，它起作用了。但 name 属性已过时，不建议使用。那我应该用什么？我正在尝试为我的学校项目制作一个图片库。而且因为它是一个学校项目，所以它必须是“完美”的 html。没有任何错误。

顺便说一句。'id' 在 Internet Explorer 和 Mozilla Firefox 中工作。但不在谷歌浏览器中。

我的整个代码是这样的：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div class="thumbnails">
    <img onmouseover="preview.src=img1.src" name="img1" src="image001.jpg" alt="Image Not Loaded"/>
    <img onmouseover="preview.src=img2.src" name="img2" src="image002.jpg" alt="Image Not Loaded"/>
</div>
<br>

<div class="preview" style="text-align: center;">

    <img name="preview" src="image001.jpg" alt="No Image Loaded"/>

</div>

</body>

</html>

当我将 id 更改为 name 时，这在 Google Chrome 中有效。

4

1 回答 1

0

变量 preview 和/或 img1 可能是undefined. 我假设你正在尝试：

<img onmouseover="document.getElementById('preview').src=document.getElementById('img1').src" id="img1" src="pic01.jpg" alt="Image Not Loaded"/>
于 2014-02-23T13:02:14.960 回答