css颜色选择器效果控件,第46款插件：colorpicker.js插件颜色选择器

描述：鼠标点击或滑过颜色图标，显示颜色选择器内容选择颜色值，一款非常酷炫，美观的jquery colorpicker 插件颜色选择器，实用在用户后台或表单操作，提高用户体验设计。

图片展示：

eventName: 'click',

onShow: function () {},

onBeforeShow: function(){},

onHide: function () {},

onChange: function () {},

onSubmit: function () {},

color: 'ff0000',

livePreview: true,

flat: false

JS和系统CSS引用代码：

[css]

$(function(){

$('#colorSelector').ColorPicker({

color: '#0000ff',

onShow: function (colpkr) {

$(colpkr).fadeIn(500);

return false;

},

onHide: function (colpkr) {

$(colpkr).fadeOut(500);

return false;

},

onChange: function (hsb, hex, rgb) {

$('#colorSelector div').css('backgroundColor', '#' + hex);

}

});

});

[/css]

HTML代码：

[html]

[/html]

CSS代码：

[css]

#colorSelector{position:relative;width:36px;height:36px;}

#colorSelector div{position:absolute;top:3px;left:3px;width:30px;height:30px;}

[/css]