jQuery的颜色动画渐变插件

标签:jQuery

今天看到有人问jQuery的animate函数怎么对颜色进行渐变。
我去试了下,发现使用color和backgroundColor会出错。不过想想也是,不可能什么都支持,例如backgroundImage的渐变就太复杂了。

然而幸运的是,Google了一下就发现插件了:
http://plugins.jquery.com/project/color
虽然写的是1.2.x,但实际上支持1.3.x。

引入这个插件后,就能用这种方式来渐变了:
$(this).animate({
	backgroundColor: '#f00'
}, 1000);
支持的样式有:['backgroundColor','borderBottomColor','borderLeftColor','borderRightColor','borderTopColor','color','outlineColor']。

如果还是不会用,就去看《渐变导航菜单》吧。

PS:如果你引入了jQuery UI,那么就不需要这个插件了。只不过UI是个很大的库,只是为了渐变,就没必要用它了。

3条评论 你不来一发么↓ 顺序排列 倒序排列

    向下滚动可载入更多评论,或者点这里禁止自动加载

    想说点什么呢?