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

Question

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

http://helplogger.blogspot.com/2012/05/create-rollover-image-effect-change.html

但它不起作用。 这是

小提琴

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

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

在第一张图片上，它是一个灰色和白色的 fabook 标志。 我想在将鼠标悬停在我的第二个徽标蓝色 facebook 徽标中时进行更改。 此外，当它改变图像时，是否可以有这样的动画：

http://ariannyceleste.com/

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

Answer 1

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

因此，如果您有一个名为 .NormalImg{--with your attributes--} 的类，则为与 .NormalImg 相同的类创建另一个元素：hover {--with your attributes--}

希望我有所帮助