如何在懸停后動畫刪除背景？

Question

鼠標懸停在元素上后，我希望以正確的方式刪除背景后，

我試過這些：

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

);

但第二個功能不起作用，所以請告訴我錯誤是什么，什么是正確的

Answer 1

您需要設置要還原的顏色，請檢查工作演示 。 （注意：包括jquery-ui）

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

Answer 2

演示

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