jQuery Color v2 Beta 1 发布

---

早在 2007 年，我们发布了 jQuery Color 插件，从那时起，它一直在为您提供基于颜色的动画。我们现在正在准备这个插件的第二个版本，它添加了 API、RGBA、HSLA 和许多其他功能。现在是发布 beta 版本的时候了！这个插件的代码库可以在 github.com/jquery/jquery-color 找到。 同时也有 未压缩版本 和 压缩版本 在 code.jquery.com 上可用。

新功能概述

RGBA

我们现在支持 RGBA 颜色值。在不支持 RGBA 的浏览器中，将使用最接近元素的 backgroundColor 来计算颜色的“混合”近似值。虽然这不是“真正”的 alpha，但在处理纯色背景颜色时，至少会提供 alpha 的幻觉。 这是 Opera 10、Chrome 10、Firefox 3.6 和 IE 6 的屏幕截图，它们都运行着 alpha 混合演示

HSLA

我们现在也支持在所有浏览器中使用 HSLA 颜色值，除了 alpha，它使用上面描述的相同技术。

易于使用的 API

$.Color() 现在不再是一个简单的私有实用程序方法组，它创建了一个新的 Color 对象。新的 Color 对象可以通过多种方式初始化：颜色名称、十六进制颜色代码、css 风格 rgba/hsla、rgba 值数组或具有颜色属性的对象。现在每个颜色属性都有辅助方法，例如 .red() 和 .hue()，它们可以获取或设置特定值。结合 .toRgbString()、.transition() 和 .is() 等辅助函数，$.Color 现在可以处理您可能遇到的任何颜色需求。有关所有可用新函数的概述，请参考 github.com/jquery/jquery-color 上的 README 文件。jQuery.Color 不再只是为您提供简单颜色的动画，您现在可以使用它的 API 进行复杂的颜色计算和动画！

快速示例

// Create a red Color object:
var red = $.Color( 'rgba(255,0,0,1)' ); // using a css string

// Create a red Color object, then make orange:
var orange = $.Color( '#FF0000' ).green( 153 );

// Get the color halfway between red and blue:
var between = $.Color([ 255, 0, 0 ]).transition( "blue", 0.5 );

动画部分颜色

我们添加了对仅定义颜色对象的一个或两个属性的支持，这样您就可以使用部分颜色进行动画，例如 这个示例

// desaturate the background of this element
elem.animate({
    backgroundColor: $.Color({ saturation: 0 })
}, 1000);

报告问题 / 请求功能

如果您发现新颜色插件存在任何问题，或者想请求功能，请创建一个 github 问题。

此外，我们很乐意看到并展示一些新 $.Color beta 的优秀用例，所以请务必在评论中与我们分享。