Jquery背景颜色变化动画不起作用

Question

我想以缓慢淡出的方式将输入框的背景从白色更改为另一种颜色，然后再变回白色。我尝试了使用animate方法，但它并没有起作用，也没有出现错误。

<script type="text/javascript" src="/jsp/ui/jquery-ui/js/jquery-1.8.3.min.js"></script>
...
$(document.getElementById(id)).animate({ backgroundColor: "#4E1402" }, 500);

更新

这个工作得很好。

$(document.getElementById(id)).animate({ width: "400px" }, 500);

- 124697

---

不妨改用 $('#'+id).animate({backgroundColor:"#4E1402"},500); 试试。 - Bucket

Answer 1

jQuery不能动画化颜色。使用这个插件代替。

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

(仅为4kb的增加)

或者使用jQuery UI的animate:

http://jqueryui.com/animate/ (如@Adam所述)

- DhruvPathak

---

或者使用jQuery UI，它使用了这个插件：https://github.com/jquery/jquery-color/。 - Adam Tomat

Answer 2

你需要这个插件才能使用jQuery动画颜色： http://archive.plugins.jquery.com/project/color

- Zetura

Answer 3

你是否也引入了jquery-ui库？

如果我没记错的话，你所指的当前元素在开始时必须设置一些背景颜色。

- PiotrC