最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery 颜色选择控件实例教程
时间：2014-03-06 编辑：简简单单 来源：一聚教程网
插件效果
特点
平面模式 － 元素在页面中
功能强大的颜色选择控件
容易改变一些图片来定制外观
视图适中
使用方法
平面模式：
$('#colorpickerHolder').ColorPicker({flat: true});自定义皮肤，在自定义窗口中使用平面模式显示颜色选择器小部件。
附加到一个文本字段，并使用回调函数来更新字段的值为所选颜色和也可以设置颜色的值后确定即可。
| 代码如下 | 复制代码 |
| $('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({ onSubmit: function(hsb, hex, rgb, el) { $(el).val(hex); $(el).ColorPickerHide(); }, onBeforeShow: function () { $(this).ColorPickerSetColor(this.value); } }) .bind('keyup', function(){ $(this).ColorPickerSetColor(this.value); }); |
|
附加到某个元素并使用回调函数在线预览颜色值，添加选择器的动画效果。
| 代码如下 | 复制代码 |
|
$('#colorSelector').ColorPicker({ |
|