jquery fade css not working

Question

我试图根据空闲/移动使背景改变颜色.

这是有效的,但我不能使用淡入淡出淡出它.

JSFiddle - 没有淡入淡出的工作示例

什么是淡化背景的最佳解决方案

$("body").css('background-color','#000');

 $(document).ready(function () {
        var idleState = false;
        var idleTimer = null;
        $('*').bind('mousemove click mouseup mousedown keydown keypress keyup submit change mouseenter scroll resize dblclick', function () {
            clearTimeout(idleTimer);
            if (idleState == true) { 

                    $("body").css('background-color','#fff'); 

            }
            idleState = false;
            idleTimer = setTimeout(function () { 

                    $("body").css('background-color','#000');

                idleState = true; }, 2000);
        });
        $("body").trigger("mousemove");
});

Answer 1

您可以使用animate而不是css实现您想要的.

 $('body').animate({"background-color":"#fff"}, 1000);