代码之家  ›  专栏  ›  技术社区  ›  Gandalf StormCrow

边框颜色不变

  •  3
  • Gandalf StormCrow  · 技术社区  · 14 年前

    我正在尝试动画背景颜色,颜色和边框颜色来改变jquery,但出于某种原因边框颜色没有改变任何想法为什么?以下是jquery代码的一部分:

    $('#tabbed a').hover(function() { 
            $(this).animate({ 
              backgroundColor: "#FBFBFB", 
              color:"#FD7A24",
              borderColor:"#000"
            }, "fast") 
          }, function() { 
            $(this).animate({ 
              backgroundColor: "#FFF",
              color:"#65B1D3",
              borderColor:"#eee"
            }, "fast") 
          });
    

    谢谢你

    1 回复  |  直到 14 年前
        1
  •  4
  •   Doug Neiner    14 年前

    这个 jQuery Color Plugin 不只是支持 borderColor . 你需要提供所有四个方面:

    $('#tabbed a').hover(function() { 
        $(this).animate({ 
          backgroundColor: "#FBFBFB", 
          color:"#FD7A24",
          borderLeftColor:  "#000",
          borderTopColor:   "#000",
          borderRightColor: "#000",
          borderBottomColor:"#000"
        }, "fast") 
      }, function() { 
        $(this).animate({ 
          backgroundColor: "#FFF",
          color:"#65B1D3",
          borderLeftColor:  "#eee",
          borderTopColor:   "#eee",
          borderRightColor: "#eee",
          borderBottomColor:"#eee"
        }, "fast") 
      });
    

    你可以从中看到 line 10 of the source 它可以设置哪些属性的动画:

    ...['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor']...