如何在悬停后动画删除背景？

Question

我希望在将鼠标悬停在元素上后将其设置为正确的方法来删除背景

我试过这些：

$("#store_header .right #nav ul li").hover(function() {
    $(this).animate({backgroundColor : '#0097d5'}, 200);}
    ,function() {
        $(this).animate({backgroundColor : ''}, 200);
    }

);

但是第二个功能没有用，所以请告诉我错误是什么，什么是正确的

Answer 1

您需要设置要还原的颜色，请检查 the working demo 。 （注意：包括jquery-ui）

$("#store_header .right #nav ul li").hover(function() {
    $(this).animate({backgroundColor : '#0097d5'}, 200);
    } ,function() {
        $(this).animate({backgroundColor : '#fff'}, 200);
    }
);

Answer 2

Demo

$("#store_header .right #nav ul li").hover(
    function() {
        $(this).animate({backgroundColor : '#0097d5'}, 200);
    }, function() {
        $(this).animate({backgroundColor : 'transparent'}, 200);
    }
);