Javascript jQuery动画正在尝试淡入白色边框

我试图有一个“悬停”动画，这样当用户将鼠标箭头移到图像上时，方形图像周围会出现一个白色边框

$('#fbid').mouseover(  
                  function( ) 
                  {
                     alert("me");
                     $(this).animate({ "border" : "solid 2px BLACK" }, 1000);
                  }

                  );

我确实看到了显示“我”的警报窗口，但渐弱的过渡不起作用

而不是

"border" : "solid 2px BLACK" 

我试过了

"border-color" : "WHITE"

这也不管用

非常感谢您的帮助

使用常规jQuery的

animate（）

方法无法设置颜色的动画

您必须为此使用

PS-我建议使用CSS在

：hover

规则上进行

转换

CSS
如果您绝对希望边框看起来像是使用“动画”展开的，可以将其设置为0，然后使用“动画”更改边框宽度，如：

    $('#fbid').mouseover(function() {
           $(this).css({border: '0px solid BLACK'}).animate({
               borderWidth: 2
           }, 300);
    }).mouseleave(function () {
         $(this).animate({
            borderWidth: 0
        }, 500);
    });

也许你只是想要一个简单的边框，而不需要扩展…那么你应该坚持使用CSS
谢谢谢谢谢谢谢谢谢谢
    $('#fbid').mouseover(function() {
           $(this).css({border: '0px solid BLACK'}).animate({
               borderWidth: 2
           }, 300);
    }).mouseleave(function () {
         $(this).animate({
            borderWidth: 0
        }, 500);
    });