jQuery 颜色选择器

---

Steven Wittens 是 Drupal 的名人，他发布了自己的 jQuery 插件，名为 Farbtastic。那么它有什么作用呢？

Farbtastic 使用分层透明 PNG 在色调圆圈内呈现饱和度/亮度渐变。没有 Flash，没有像素大小的 div。

使用 Farbtastic，一个简单的表单输入框会变成一个自动更新的十六进制代码，其背景颜色会根据 8kb Javascript 文件添加的可点击色轮和块相应地改变。点击颜色，拖动选择器或手动输入十六进制代码。

只需包含 farbtastic.js 文件以及 farbtastic.css 样式表，并创建一个占位符 div 以及用于十六进制代码的表单元素，如下所示

<form>
    <input type="text" ... />
</form>
<div id="colorpicker"></div>

然后包含一行 jQuery 代码

$('#colorpicker').farbtastic('#colorpickerinput');

就这样！您现在应该在页面上有一个颜色选择器小部件。

要查看工作演示以及有关使用插件的更深入说明，请访问 Farbtastic 页面。Farbtastic 受 GPL 保护。