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问题

回答

相关问题