jQuery - Làm thế nào để mờ dần vào/ra từ màu này sang màu khác? (Tôi có thể sử dụng plugin của bên thứ 3 cho jQuery?)

Question

Tôi đang tìm kiếm tập lệnh jQuery hoặc plugin của bên thứ ba cho jQuery, có thể tạo hiệu ứng in/out mờ dần dựa trên "từ màu" và "sang màu". Ví dụ về cách tôi thấy:

$(selector).fadeColor({ 
    from: "#900", // maroon-red color 
    to: "#f00", // blood-red color 
}, 3000); // last argument is the time interval, in milliseconds in this particular case it's based for 3 seconds 

Answer 1

jQuery UI mở rộng phương pháp animate jQuery để bao gồm hoạt hình màu. Sau đó, bạn có thể làm điều gì đó như:

$("#someId").animate({backgroundColor: "#ff0000" }); 

Đây là working example.

Answer 2

Giao diện người dùng jQuery animate function sẽ làm điều đó.

See here for jsFiddle.

Answer 3

Đây là giá trị 2 xu của tôi - một jsFiddle của nút xung liên tục, được kích hoạt khi tài liệu tải.

Demo here

function fadeDivIn(){ 
    $("#div").animate({backgroundColor: "#ed3" }, 4000, function(){fadeDivOut();}); 
} 

function fadeDivOut(){ 
    $("#div").animate({backgroundColor: "#3de" }, 4000, function(){fadeDivIn();}); 
} 

$(document).ready(function(){ 
    fadeDivIn(); 
}); 

Answer 4

Bạn không cần plugin khác. Ví dụ:

jQuery

$(selector).css("color", "blue"); 

CSS

selector { 
    transition: color .3s; 
} 

này sẽ chỉ làm việc tốt (và không làm chậm trang web).