本文给出了一个jQuery animate()实现背景颜色渐变效果的处理方法的实例。分享给大家参考，如下：

jquery animate函数无法处理背景颜色的渐变，所以需要jquery.color插件。

核心代码：

$ (function () {$ ('# cdiv ')的完整代码。动画({ background color : ' # ff 0000 ' }，1000)}如下：

！doctype html heartheta charset=' utf-8 ' title背景色渐变效果/title/headbody脚本语言=' JavaScript ' type=' text/JavaScript ' src=' http : jquery-1 . 7 . 2 . min . js '/脚本脚本脚本类型=' text/JavaScript ' src=' http : js/jquery . color . js '/脚本div id=' cdiv ' style=' width 3360200 px；高度：100 px；background-color : white '/div script $(function(){ $(' # cdiv ')。动画({ background color : ' # ff 0000 ' }，1000)})/脚本/正文/html运行如下：

附件：jQuery.color.js插件点击这里下载。

PS:这里推荐几个相关的色彩和特效工具，供大家参考：

在线特效文本/彩色文本生成工具：http://tools.jb51.net/aideddesign/colortext

在线彩虹文本/颜色渐变文本生成工具：http://tools.jb51.net/aideddesign/txt_caihongzi

在线发光单词生成工具：http://tools.jb51.net/aideddesign/txt_faguangzi

古籍文字排版的垂直转换工具：http://tools.jb51.net/transcoding/shupai

更多对jQuery感兴趣的读者，请查看本站话题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jquery选择器用法总结》、0103010。

希望本文对大家的jQuery程序设计有所帮助。