Анимация таблицы фона на зависании - JQuery

Question

Я пытаюсь поставить анимацию на свой стол. Когда мышь входит в текущую таблицу, она должна потемнеться. Когда мышь покидает текущую таблицу, она должна стать белой.

Это мой код. Он отлично работает до тех пор, пока я не добавлю эффект анимации (я не хочу, чтобы он был мгновенным, я хочу, чтобы он исчезал). Может кто-нибудь мне помочь? :)

$("table").on('mouseenter',function(){ 
    $(this).animate({ 
    backgroundColor: "#000000" 
    }, 1000); 
}) 
$("table").on('mouseleave',function(){ 
    $(this).animate({ 
    backgroundColor: "#ffffff" 
    }, 1000); 
}); 

решаемые Не можете анимировать BackgroundColor. Я загрузил JS-файл из Bitstorm (http://www.bitstorm.org/jquery/color-animation/), и он решил мою проблему! Спасибо, Bitstorm

Answer 1

Любой, кто может это просматривать, легко разрешен с помощью CSS.

table { 
    transition: 1s; 
    background-color: #000; 
} 
table:hover { 
    background-color: #FFF; 
} 

Тогда JS не требуется вообще. Но у вас все еще есть исчезновение, когда мышь за столом.

FYI, .animate() имеет дело с движением, поэтому он не работал.