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

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);
    }
);