如何在javascript标记中管理css边框顶部？

如何在javascript标记中管理css边框顶部

我用这个，但它不起作用

    $(".image").stop().animate({"border-top": '1px solid #ddd' ,"padding-top": '5px' ,height: '10px' ,width: '200px' ,opacity: 1}, 100);

当我尝试

padding top height width opacity

时，它可以工作，但是

border top

不起作用

---

如何使其工作？

您可能想尝试使用

border top

作为属性规范，而不是“

border top

”。

您只能设置数字属性的动画（在您的情况下，

border width

），因此您必须使用

border top width

（CSS）或

borderTopWidth

（DOM）作为键。 如果我没记错的话，要设置边框颜色的动画，必须使用jqueryui

这是因为jQuery不知道如何为它构造CSS字符串。

看，试试看

边框顶部宽度

 $(".image").stop().animate({"border-top-width": '1px' ,"padding-top": '5px' ,height: '10px' ,width: '200px' ,opacity: 1}, 100);

---

尝试使用jQuery的一组css属性设置动画。 除此之外，如果您想使用彩色动画，请确保已包含jQuery UI

  $(".image").stop().animate({borderTopWidth: '1px',  
                              borderTopStyle:'solid',
                              borderTopColor:'red', 
                              "padding-top": '5px', 
                              height: '10px', 
                              width: '200px' 
                             ,opacity: 1}, 1000);

这是