jquery中的animate（）方法是不是不能改变div的背景颜色？

善良的杰夫

524

发布于 2016-04-19

是的，所以官方有个jquery-color

laoqiren

442

发布于 2016-04-19

我之前测试也是没效果的，应该如楼主所说，不支持吧

独孤求败

764

发布于 2016-04-19

可以用velocity.js,据说最好的动画库

XFD__

19

发布于 2016-04-20

可以尝试使用css3动画，性能比jquery animate要好。

最帅程序猿

2

发布于 2016-04-21 新手上路，请多包涵

就是没有反应。估计是不支持...

x_hola

666

发布于 2016-04-21

找到答案了，答案来自菜鸟教程。

可以用 animate() 方法来操作所有 CSS 属性吗？

是的，几乎可以！不过，需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。
同时，色彩动画并不包含在核心 jQuery 库中。
如果需要生成颜色动画，您需要从 jquery.com 下载 Color Animations 插件。

不锈钢奶豆

1

发布于 2016-10-21 新手上路，请多包涵

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://libs.baidu.com/jquery/...
<script type="text/javascript">

$(function(){
    $.getScript('jquery.colorAnimations.js',function(){
        $("#go").click(function(){
            $("#detail").animate({backgroundColor: "pink" }, 1000).animate({backgroundColor: "blue" },1000);
        });
    });    
});
</script>

</head>
<body>

<div id="detail" style="background-color:#FFFFFF;height:100px;width:100px;border: 1px solid;"></div>
<input id="go" type="button" value="点击" />

</body>
</html>
div加一个背景色就搞定了，以上代码亲测可用。