Javascript 更改悬停问题的说明

我将此代码放在另一个页面上，但由于某种原因，当我将其放在

div

或其自身中时，代码将无法工作，并且无法显示滚动图像

这是我的密码

<div id="container4">
    <a href='bird3.html' onmouseover="document.photo.src='next2.png';" onmouseout="document.photo.src='next.png';">        
    <img src="next.png" name="photo" border="0"> </img>
</div>

---

看起来您在img元素后面缺少了一个

标记

此外，正如benn所指出的，去掉你的

标签，只需结束你的

请尝试清除浏览器缓存，然后重试。在给出的示例中，它似乎有效？

如此小的代码，如此多的问题：下面是一个列表

• img

  属性

  name

  无效

• 是无效的closign标记，因为

  img

  标记位于无效元素集中

• a

  锚元素不在无效元素集中，如果没有内容请不要使用

• 图像

  border=“0”

  标记弃用它。改用

  样式

• 尽量避免使用HTML内联

  javascript

  方法：这很难维护将脚本函数保存在一个位置
• 尝试预加载所有图像，以防止用户操作出现空白。在您的代码中，第二个映像在以后的请求中被调用；如果浏览器尚未缓存，则在加载图像之前，用户看不到任何内容

您想要的可以使用

：hover

伪选择器在纯CSS中完成

div[id^=container]a+img+img{display:none；}/*隐藏第二个图像*/
div[id^=container]a:hover+img+img{display:inline；}/*显示第二个图像*/
div[id^=container]a:hover+img{display:none；}/*隐藏第一个图像*/

此标记不存在：

显然，我在您的代码段中看不到任何图像，但它可以工作。我可以在浏览器开发人员工具上看到正在切换的图像源，因此它可以工作。在给定的示例中，它看起来也对我有效？奇怪的一个。。。？您确定这不是浏览器问题吗。您是否已清除缓存等？定义它不起作用。从测试结果来看，关闭

不允许单击它。它应该是自动关闭的：

这个答案的例子：@DrewKennedy你能指出一个W3C文档，上面写着