JQuery исчезают фон на зависании?

Question

Существует ссылка, без фона, и правило css, которое меняет фон при наведении.

Родитель bg белый, ссылка на зависание - синий.

Как я могу сделать эффект зависания медленно, от белого до синего?

Спасибо.

li a {} 
li a:hover { background: blue; } 

Answer 1

Для того, чтобы оживить цвета, вам нужно color plugin

Answer 2

jQuery('a#theLink').hover(function(){ 
    $(this).stop().animate({backgroundColor: 'blue'}); 
}, function() { 
    $(this).stop().animate({backgroundColor: 'white'}); 
}); 

Для этого, чтобы работать вам нужно скачать "color plugin" для JQuery.

Answer 3

Вам необходимо использовать плагин, поскольку JQuery не может анимировать цвета из коробки.

Попробуйте Colour Animation plugin

Тогда это будет что-то вроде:

$(this).animate({ backgroundColor: "blue" }, 'slow'); 

Answer 4

Вам не нужен дополнительный цвет плагин. Вам просто нужен jQuery UI поверх jQuery, который позволяет делать анимацию также по цвету. (Или если вы не хотите использовать jQuery UI по какой-то причине, я думаю, что другой плагин будет делать трюк. Но я успешно пробовал это, просто включив ядро ​​jQuery и пользовательский интерфейс jQuery.)

Анимация сама по себе похожа ...

$("li").hover(function() { 
    $(this).animate({ 
    backgroundColor: "#ffffff" 
    }, 'slow'); 
}); 

Answer 5

bgFade очень большой и простой плагин, который воодушевляет де фоновое изображение:

http://www.isthatclear.com/jquery/bgFade/