2010-01-10 7 views
3

배경색, 색 및 테두리 색을 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") 
     }); 

그냥 borderColor를 지원하지 않는 당신에게

답변

4

jQuery Color Plugin 감사드립니다. 당신은이 애니메이션을 할 수있는 속성 line 10 of the source에서 볼 수

$('#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") 
    }); 

:

...['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor']... 
당신은 네면을 제공해야
관련 문제