javascript - 更改 onmouseover 和 onmouseout 的过渡时间?

标签 javascript html css

这是我的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>

有什么方法可以更改过渡时间?我添加了 transition:all 0.3s ease;到类(class)标志,但它没有做任何事情。

谢谢

最佳答案

我很幸运刚刚添加了

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

我的 css 用于标签上的类,它影响了 onmouseover 和 onmouseout 的过渡时间(不使用任何 :hover css)。

PS 为了让 onmouseover 和 onmouseout 影响标签内的文本,我必须将我的链接标签放在整个按钮周围,而不是放在里面。

希望对您有所帮助!

关于javascript - 更改 onmouseover 和 onmouseout 的过渡时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26298664/

相关文章:

javascript - 将数据从 JavaScript 传递到 Swift。 UserContentController 函数从未调用问题

javascript - 检查一个元素是否包含超过 1 个类名

javascript - 如何获取对象键及其值

javascript - 为什么这个函数不能检测重叠的圆?

javascript - 在谷歌地图API中自定义自动完成字段

html - 修复了 safari 中元素的宽度错误?

javascript - Aurelia 验证器不更新 UI

html - 如何停止文本环绕一些 float 的 div?

css - 最后一个 div 掉下来

HTML/CSS 多列