Colpick is a very light and small, without a picture can implement the color selector of the jquery plug-in, only with JS and CSS to achieve full functionality, and very intuitive, similar to the interface of Photoshop, easy to use. Color is easy to customize the light and shade, the entire whole is to achieve the appearance with html5+ CSS3, plug-in only up to KB, the browser loading speed can be said to be very fast, and in less than IE9 version can also be used, just loaded in support HTML5 html5shiv.js.
Download the plugin and colpick.js and colpick.css to add the header to your document:
1 < src= "js/colpick.js" type= "Text/javascript"></ Script>2<rel= "stylesheet" href = "css/colpick.css" type= "text/css"/>
Html:
1 < ID= "Picker">Show Color picker</button>
ls|
1 $ (' #colorSelector '). Colpick ({2 Flat:true,3 layout: ' Full ',4 Submit:true,5 width:500,6 colorscheme: ' Dark ',7 color: "#bbbbbb",8 onchange:function (HSB, Hex, RGB, El, Bysetcolor) {9 Ten }, Onsubmit:function (HSB, Hex, RGB, EL) { One //Handle your business needs A } - - }). KeyUp (function () { the $ (this). Colpicksetcolor (this.value); -}). Colpicksetcolor ("Pass in a default color");
JS Color Selection Plugin