Javascript 更改onmouseover和onmouseout上的转换时间？

这是我的HTML

<img class="logo" src="css/images/logo.png" align="center"    onmouseover="this.src='css/images/logohov.png'" onmouseout="this.src='css/images/logo.png'"> </img>

有没有办法改变转换时间？我添加了过渡：所有0.3秒轻松；但它没有任何作用

---

谢谢

您正在更改不能与transition属性一起使用的src属性， 即使您使用了css的内容属性，但它也不能与transition一起使用，请尝试使用两个img标记，并在悬停状态下隐藏一个并显示另一个

---

有一些示例

转换属性仅在您更改CSS属性时有效，在您的示例中，您更改了HTML属性

试着这样做：

<div class="logo" align="center" onmouseover="this.style.backgroundImage=\"url('css/images/logohov.png')\"" onmouseout="this.style.backgroundImage=\"url('css/images/logo.png')\""> </div>

---

我很幸运刚刚添加了

-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;

它影响了onmouseover和onmouseout的转换时间（不使用任何：悬停css）

PS为了让onmouseover和onmouseout在标记中产生效果，我必须将链接的标记放在整个按钮上，而不是放在里面

---

希望有帮助

这是因为您正在更改

src

，而不是在两个状态之间转换。我可以向代码中添加任何内容来更改转换吗？如果没有，是否有任何jQuery/javascript教程可以向我展示如何做到这一点？为什么这个问题被标记为html和css？似乎是一个js问题。。。