DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Javascript顏色選擇器插件
Javascript顏色選擇器插件
編輯:AJAX詳解     

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代碼,可以做呈現出不同的效果

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved