Jquery mờ dần nền khi di chuột?

Question

Có một liên kết, không có nền và quy tắc css, thay đổi nền khi di chuột.

BG mẹ có màu trắng, liên kết trên màu xanh lam bay lượn.

Làm cách nào để tạo hiệu ứng di chuột chậm từ, từ trắng sang xanh?

Cảm ơn.

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

Answer 1

Để động màu sắc, bạn cần color plugin

Answer 2

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

Để làm việc này bạn cần phải tải về "color plugin" cho jQuery.

Answer 3

Bạn sẽ cần phải sử dụng plugin vì JQuery không thể tạo hiệu ứng màu sắc ngoài hộp.

Thử Colour Animation plugin

Sau đó, nó sẽ có cái gì đó như:

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

Answer 4

Bạn không cần một plugin màu thêm. Bạn chỉ cần jQuery UI trên đầu trang của jQuery, cho phép bạn làm hình động cũng trên màu sắc. (Hoặc nếu bạn không muốn sử dụng jQuery UI vì lý do nào đó, tôi đoán một plugin khác sẽ thực hiện thủ thuật đó. Nhưng tôi đã thử thành công điều này chỉ với lõi jQuery và giao diện người dùng jQuery.)

Hoạt ảnh sẽ diễn ra như ...

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

Answer 5

bgFade một plugin rất tuyệt vời và đơn giản mà sinh động hình nền de:

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