更改onmouseover和onmouseout的转换时间？

这是我的HTML更改onmouseover和onmouseout的转换时间？

<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.3s缓解;到班级的标志，但它没有做任何事情。

感谢

来源

2014-10-10 Croaked

这是因为你正在改变'src'，而不是在两个状态之间转换。 – 2014-10-10 11:47:37

有什么我可以添加到代码来改变过渡？如果不是有任何jQuery/JavaScript教程，可以告诉我如何做到这一点？ – Croaked 2014-10-10 11:50:27

为什么这个问题被标记为html和css？似乎是一个JS问题... – thetont 2014-10-10 12:06:41

您正在发生变化，不能与过渡性质使用src属性，即使你使用的CSS那么也不能与过渡使用的内容属性，而不是要做两个的img标签，并隐藏一个显示另一个悬停过渡。

Here是一些例子，当您更改CSS属性，在你的榜样，你改变HTML属性

来源

2014-10-10 11:51:37

转移财产才起作用。

尝试是这样的：

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

来源

2014-10-10 12:10:28

我的运气只是增加

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

到我的CSS一类的标签，它影响的过渡时间的onmouseover和onmouseout（不使用任何：悬停CSS）。

PS为了使onmouseover和onmouseout实现标签内的文本，我不得不将标签放在整个按钮上，而不是放在里面。

希望有帮助！

来源

2016-07-08 18:26:53 S3gue

更改onmouseover和onmouseout的转换时间？

回答

相关问题