JQuery исчезать фон при наведении?

Question

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

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

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

Спасибо.

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

Answer 1

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

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

Answer 2

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

Сама анимация выглядит примерно так ...

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

Answer 3

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

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

Answer 4

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

Попробуйте плагин Color Animation

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

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

Answer 5

Чтобы анимировать цвета, вам нужен плагин color