使用动画jQuery CSS更改图像onhover

Question

您正在制作我自己的社交按钮。我希望它能改变哦徘徊。我试过了：

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

但它不起作用。

是

Fiddle

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

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

在第一张图片上，它是一个灰色和白色的facbook标志。我想改变我的第二个标志，蓝色的facebook标志。另外，当它改变图像时，是否可以像这样生成：

http://ariannyceleste.com/

请查看页脚及其社交按钮动画。我希望它是这样的。我不太关心css和设计我主要在后端工作。

Answer 1

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

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

希望我帮助