时间戳

首页 > 解决方案 > 悬停图像时如何放置GIF？

javascript - 悬停图像时如何放置GIF？

问题描述

大家好，我真的需要你的帮助。我是 Web 开发的初学者，最近我开始使用 html、css i js 制作我的第一个网站。我想在页面中心放置 2 张超链接图像（一张在左侧，一张在右侧）。我希望我的 GIF 在我悬停这两个图像时出现（当我悬停在图像上时 GIF 开始，当我取消悬停时结束）。此外，GIF 将具有文本覆盖和其他一些悬停动画。有什么可以帮助我的吗？ 这是原型（草图） 提前谢谢，

标签： javascripthtmlcsshovergif

解决方案

如果可以的话！！

您可以使用 CSS 本身来实现，例如：

.classeOfMyImage{
 background: url('http://dummyimage.com/100x100/000/fff');
}
.classeOfMyImage:hover {
 background: url('https://media.tenor.com/images/1fe5b893dd6eb6905c4efabb103e6281/tenor.gif');
}

（我不知道如何链接到另一篇文章，因为我是新手，但他们在这里谈论它CSS: Change image src on img:hover）

推荐阅读