我的 html 中有一个“svg”标签，这是一个 soundcloud 图标。我希望 soundcloud 图标在鼠标悬停时转换颜色，就像我在 CSS 中使用“转换”属性一样。您可以查看下面链接中 soundcloud 图标两侧的 twitter bootstrap 图标，了解我的意思。
我试过这个没有运气：
$(".soundcloud")
.mouseenter(function() {
var color = "#ff7700";
$(this).animate({children().css('fill',color);
}, 1000) })
.mouseleave(function() {
$(this).animate({children().css('fill','#FAFAFA');
}, 1000)});
});
该网站托管在这里：http: //itstonygraham.com/archive/dev/
此脚本的一个版本位于结束正文标记之前。
我将如何制作这样的作品？