jquery animate 改变border颜色不生效

Question

$(".dh_cont").eq(2).animate({    "height":"170px",    "border-color":"red"},1000);
animate

不能改变border的颜色吗?为嘛高度可以改变，border颜色不能改变呢？？

Answer 1

jQuery.UI 中支持颜色的动画 https://jqueryui.com/animate/

$( "#effect" ).animate({          backgroundColor: "#aa0000",
         color: "#fff",
         width: 500
       }, 1000 );
缺点：只是为了实现这一个功能，却要附带的载入jquery.ui那么大一个库

Animating colors https://bitstorm.org/jquery/color-animation/

$('#demodiv').animate({borderBottomColor: '#00346B'})