jquery在悬停时设置背景动画

我不是jquery的专家，但我一直在搜索并编写一些代码来完成以下工作

我需要一个悬停动画来替换悬停效果上的一些图像（asd.png到asd hover.png）， 这是我写的，但是仍然需要一些东西来替换这两个方法（replace，match）

---

有人帮忙吗

动画仅用于数值。给JQuery两个背景图像（字符串），它将无法处理它们。最好让两个元素有自己的背景图像，将一个元素放置在另一个元素上，并使用CSS位置，然后将顶部的元素淡入淡出。

不，不，只是在两个元素之间淡入淡出images@McCloud86使用jQuery也可以，但只能按照texelate的建议。如果你想要背景转换，你需要两个背景图像。然后你可以调整它们的不透明度：不管怎样，你是对的，使用css3会容易得多。

$(document).ready(function(){ 
    var effect = $('a.dribble')
    effect.mouseover(function(){
        var bg = effect.attr('src').match('/[^\.]+/') + '-hover.png';
        $(this).stop().animate({
            background: bg ,
            duration:500
        })  
        console.log('in')       
    })
    .mouseout(function(){
         var bg = effect.attr('src').replace("-hover.png", ".png");
        $(this).stop().animate({
            background: bg + '-hover.png',
            duration:500
        })
        console.log('out')  
    })
});