JQuery邊框動畫Chrome和Firefox問題

我正在嘗試使用JQuery進行彩色動畫（使用jquery-ui和jquery.color）。它的工作原理罰款的backgroundColorJQuery邊框動畫Chrome和Firefox問題

function t1() { 
    $('#i1').animate({backgroundColor: '#0f0'}, 1000, t2); 
    //$('#i1').animate({borderColor: '#0f0'}, 1000, t2); 
} 
function t2() { 
    $('#i1').animate({backgroundColor: '#00f'}, 1000, t1); 
    //$('#i1').animate({borderColor: '#00f'}, 1000, t1); 
} 

t1();

但相同的代碼不會對BORDERCOLOR正常工作（看起來像jQuery重置顏色每個動畫之前#FFF）。

演示（我想邊框和背景是相同的顏色）：http://jsfiddle.net/xqCNx/

來源

2012-08-10 Ximik

適合我，即使在慢動作中也看不到白色重置 - http://jsfiddle.net/xqCNx/1/ – 2012-08-10 09:00:27

@Zoltan Toth我可以，我正在使用chrome。這可能是一個基於瀏覽器的問題？ – Polyov 2012-08-10 09:03:31

@SomekidwithHTML看起來像基於瀏覽器的。 Safari瀏覽器沒問題，但在Firefox中無法使用。 – Ximik 2012-08-10 09:06:39

的解決方案是容易的。只需使用borderLeftColor，borderRightColor，borderTopColor，borderBottomColor而不是borderColor。

來源

2012-08-13 10:06:51 Ximik

JQuery邊框動畫Chrome和Firefox問題

回答

相關問題