jquery - 淡出标签边框

Question

我正在尝试使用 jQuery 淡出 html 标签的边框。经过大量搜索后，我了解到 jQuery 的 .animate() 函数可能对此很有用。但我无法正确实现它。这是jsfiddle 我正在研究这个问题。 我尝试在按钮单击方法中使用 $("#lbl").animate({border-bottom: 'border-bottom: 1px Solid #D8D8D8'}); 。但这没有用。请告诉我，我做错了什么？或者还有其他方法可以实现这一目标吗？

Answer 1

使用jQuery UI并对边框颜色进行动画处理，如下所示:

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

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

<小时/>

更新。似乎border-color(或borderColor)不是用于动画的跨浏览器属性，而且它也不是在 FF 和 IE 中工作(请参阅 comment below )。我们可以分别更改每个边框的属性。应该可以正常工作。

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

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