color picker是一個強大的>jQuery插件,通過使用>jQuery的這個插件,可以隨心所欲的在頁面上選擇顏色,這就是>Javascript的強大之處。下面是這個>jQuery插件color picker的幾種使用方法(你也可以先去看下這個color picker demo)。
$(’#colorpickerHolder’).ColorPicker({flat: true});
$(’#colorpickerFIEld1′).ColorPicker({
onSubmit: function(hsb, hex, rgb) {
$(’#colorpickerFIEld1′).val(hex);
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
}
})
.bind(’keyup’, function(){
$(this).ColorPickerSetColor(this.value);
});
$(’#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);
}
});
通過使用這三種不同的>Javascript代碼,可以做呈現出不同的效果