更新时间：2019-10-15 09:15:47
使用方法：
1. 在HTML内引入js文件，顺序必须是 jquery 先 farbtastic 后：
1 2 | <script type="text/javascript" src="farbtastic-1.3.js"></script> |
2. 创建一个拾色器容器（必需），可选增加一个或多个回调元素以获取颜色值：
1 2 | <div id="picker"></div><input type="text" id="callback" value="#000000" /> |
3. 插件使用语法（container 为必需的容器，callback 为可选的回调元素，size 为可选的自定义容器大小(默认200px, 若不设置则参考容器的最小宽高)）：
jQuery 方法：
1 | $(container).farbtastic(callback, size) |
对象方法：
1 | $.farbtastic(container, callback, size) |
内部函数：
.linkTo(callback)设置回调的元素。
.setColor(value)设置颜色参数（支持十六进制的颜色代码、HSL代码、RGB代码）
（示例："#123456" || [1, 0.8, 0.4] || [0, 128, 255] ）
属性值：
.color
.hsl
.rgb 获取颜色参数的值（分别为十六进制的颜色代码、HSL代码、RGB代码）
.linked
获取回调元素的ID或Class。
4. 插件使用示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <script type="text/javascript"> $(document).ready(function() { // 初始化插件： $("#picker").farbtastic("#callback", 400); // jQuery 方法 $.farbtastic("#picker", "#callback", 300); // 对象方法 // 设置参数： $.farbtastic("#picker").linkTo("#callback"); // 设置回调元素 $.farbtastic("#picker").setColor([255, 128, 0]); // 设置颜色参数 // 获取属性值： var picker = $.farbtastic("#picker"); var color = picker.color; var hsl = picker.hsl; var rgb = picker.rgb; var linked = picker.linked; });</script> |
更新历史：
[v1.3 - 2019/10/14]
由Chisame Muko更新。
添加了自定义大小的参数及RGB代码的属性。
调整了设置颜色参数的传值方式。
修复了选择器超出边界后的值错误问题。
用样式方法替代原来的以图片组成的插件布局。
简化了插件文件。
[v1.2 - 2007/01/08]
修复了链接具有相同值的多个字段的错误。
[v1.1 - 2006/10/27]
解决Internet Explorer中的透明PNG问题。
优化鼠标处理代码，更好地适应基于css的布局。
[v1.0 - 2006/07/14]
初次发布。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 纯CSS3圆形导航菜单
- 下一个特效： css心型加载的动画