jQuery UI颜色动画

jQuery UI在核心jQuery中添加了一些方法，以扩展动画功能的功能。您可以为元素设置不同的过渡动画。 jQuery UI也支持动画颜色。在这里，您可以为一个或多个定义元素颜色的CSS属性设置动画。

以下是支持animate方法的CSS属性的列表。

• backgroundColor：用于设置元素的背景色。
• borderTopColor：用于设置元素边框顶侧的颜色。
• borderBottomColor：用于设置元素边框底侧的颜色。
• borderLeftColor：用于设置元素边框左侧的颜色。
• borderRightColor：用于设置元素边框右侧的颜色。
• color：用于设置元素的文本颜色。
• outlineColor：用于设置轮廓的颜色；用来强调元素。

jQuery UI动画方法的语法：

$( "#selector" ).animate(
   { backgroundColor: "black",
      color: "white"
   }
);

如果要在此方法中添加多个属性，则必须用逗号分隔它们。

jQueryUI颜色动画的示例

让我们以使用addClass()方法演示颜色动画方法为例。

Hello JavaTpoint 
Click Me

jQuery UI Color使用Toggle进行动画处理

让我们以使用切换效果为例来演示颜色动画方法：

  
  
  
  
  
  
  
  



  

    
Animate
    

   jQuery is a fast, small, cross-platform and feature-rich JavaScript library. It is designed to simplify the client-side scripting of HTML.



Toggle Effect