淡出标签的边框

Question

我试图使用jQuery淡出html标签的边框.经过大量搜索,我发现.animate()jQuery的功能可能对此有用.但我无法正确实现它.这是我正在研究的jsfiddle.我尝试使用$("#lbl").animate({border-bottom: 'border-bottom: 1px solid #D8D8D8'});按钮单击方法.但它没有用.请让我知道,我做错了什么？或者还有其他方法可以达到这个目的吗？

Answer 1

使用jQuery UI并为边框颜色设置动画,如下所示:

$("#lbl").animate({
    "border-color": "#fff"
});

演示: http ://jsfiddle.net/7Vc9u/9/

UPDATE.似乎border-color(或borderColor)不是动画的跨浏览器属性,它在FF和IE中不起作用(见下面的评论).我们可以分别更改每个边框的属性.它应该工作正常.

$("#lbl").animate({
    "borderBottomColor": "#fff",
    "borderLeftColor": "#fff",
    "borderRightColor": "#fff",
    "borderTopColor": "#fff"
});

演示: http ://jsfiddle.net/7Vc9u/11/