修正: 第一次没有仔细读官方文档,jQuery 原生不支持 color 的 animate,因为 color 的值不是数字。谢谢 @airyland 及 @冰剑 的纠正。
All animated properties should be animated to a single numeric value, except as noted below;
most properties that are non-numeric cannot be animated using basic jQuery functionality(For example, width, height, or left can be animated but background-color cannot be, unless the jQuery.Color() plugin is used). Property values are treated as a number of pixels unless otherwise specified. The units em and % can be specified where applicable.
让 animate 支持 color,有以下三种方法: 1. 引入 jQuery UI 2. 引入 jQuery color 3. 引入 jQuery color animation
修正:
第一次没有仔细读官方文档,jQuery 原生不支持 color 的 animate,因为 color 的值不是数字。谢谢 @airyland 及 @冰剑 的纠正。
让 animate 支持 color,有以下三种方法:
1. 引入 jQuery UI
2. 引入 jQuery color
3. 引入 jQuery color animation
可以使用 jQuery 提供的 animate 方法,具体参考:http://api.jquery.com/animate/
比如本页面上作者名链接,简单示例:
如果浏览器支持,可以用CSS3中的transition,而不用javascript实现,只需要简单的几条css声明。
答案不靠谱