更改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缓解;到班级的标志,但它没有做任何事情。
感谢
答
您正在发生变化,不能与过渡性质使用src属性, 即使你使用的CSS那么也不能与过渡使用的内容属性,而不是要做两个的img标签,并隐藏一个显示另一个悬停过渡。
Here是一些例子,当您更改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;
到我的CSS一类的标签,它影响的过渡时间的onmouseover和onmouseout(不使用任何:悬停CSS)。
PS为了使onmouseover和onmouseout实现标签内的文本,我不得不将标签放在整个按钮上,而不是放在里面。
希望有帮助!
这是因为你正在改变'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