Question

我使用以下代码更改背景颜色：

        $('.posts').animate({height: '100px', backgroundColor: '#0000FF'}, 2000);
        $('.posts a').animate({color: '#00FF00'}, 2000);

在firebug上获取关注错误，而不是在页面中预览颜色更改：

Expected color but found 'NaNpx'. Error in parsing value for 'background-color'. Declaration dropped.
Expected color but found '#00FF00px'. Error in parsing value for 'color'. Declaration dropped.

我的代码出错了什么？

Answer 1

如果没有jQuery UI，则无法使用animate为颜色设置动画。

所有动画属性都应该是动画为单个数值，除非如下所述;大部分属性那些非数字不可能使用基本的jQuery动画功能。（例如，宽度，高度或左边可以动画但是 background-color不能。）

和

jQuery UI项目扩展了 .animate（）方法允许一些非数字样式，例如颜色动画。该项目还包括指定动画的机制通过CSS类而不是个人属性。

来源：http://api.jquery.com/animate/

Answer 2

默认情况下，jQuery不支持动画背景颜色，但您可以使用Color Plugin来执行此操作。

Answer 3

如果没有颜色插件，则无法为颜色设置动画。

http://www.bitstorm.org/jquery/color-animation/

您也可以使用JQuery UI。

jQuery UI效果核心扩展了动画功能，可以动画颜色也是。

Answer 4

要使用查询为颜色设置动画，您应该使用：

http://plugins.jquery.com/project/color

使用jquery更改div的背景

4 个答案: