jQuery动画-边框宽度和颜色

jQuery Animate - border width and color

本文关键字：颜色 边框 动画 jQuery      更新时间：2023-09-26

我确实看过这里的几个类似问题，但找不到答案。

我已经设置了jQuery UI。我正在尝试使用jQuery animate函数为div的顶部边界设置宽度和颜色。

此代码在jQuery:中不起作用

$(".newMessageBox").animate({
    borderTopWidth: '1px',
    borderTopColor: '#e5e5e5'
});

但是，如果我在CSS文件中添加以下行：

.newMessageBox
{
    border-top: 0px solid #e5e5e5;
}

然后将其添加到jQuery

$(".newMessageBox").animate({
    borderTopWidth: '1px',
});

然后一切都正常了。

此外，如果我在CSS中设置"border-top:1px solid；"，然后在jQuery animate中放置"borderTopColor:'#e555'"，那么它也会像这样工作。

是否有一条规则禁止在jQuery animate中为同一元素设置两个属性？

非常感谢。

请改用.css。

$(".newMessageBox").css({'borderTopWidth', '1px'});
$(".newMessageBox").css({'borderTopColor', '#e5e5e5'});
相关文章：