使用动画jQuery CSS更改悬停图像答案

【问题标题】：Change image onhover with animation jQuery CSS使用动画jQuery CSS更改悬停图像
【发布时间】：2015-12-29 06:49:07
【问题描述】：

您好，我正在制作自己的社交按钮。我希望它改变哦，悬停。我试过了：

但它不起作用。这里是

<a href="#">
 <img src="http://i.imgur.com/TLGeYXo.png" />
</a>

<a href="#">
 <img src="http://i.imgur.com/bU0lzac.png" />
</a>

在第一张图片上，它是一个灰色和白色的 facbook 徽标。当我悬停在我的第二个标志上时，我想改变，蓝色的 Facebook 标志。另外，当它改变图像时，是否可以有这样的动画：

请查看页脚和她的社交按钮动画。我希望它是那样的。我不太了解我主要在后端工作的 CSS 和设计。

【问题讨论】：

【解决方案1】：

你可以做的是使用相同的 img 标签，设置一个 css 类并在你的 css 文件中动态地设置图像。

所以，如果你有一个名为的类： .NormalImg{--带有你的属性--} 为同一类创建另一个元素 .NormalImg: 悬停 {--with your attributes--}

希望我能帮上忙

【讨论】：