JQuery Css 速度实现

Question

我想快速地为我的 li 创建一个 border-bottom。我该如何解决这个问题？

我的代码:

    $(document).ready(function(){
        $("#mi").mouseover(function(){
            $("#mi").css({"border-bottom": "1px solid #fff"});
        },800);
    });

Answer 1

您需要为 border-bottom-width 属性设置动画。

$(document).ready(function() {
  $("#mi").mouseover(function() {
    $("#mi").css({
      "border-bottom": "0px solid #fff"
    }).animate({
      borderBottomWidth: 1
    }, 500);;
  });
});