COLPICK是一款非常的輕小,無需圖片就可以實(shí)現(xiàn)顏色選擇器的jquery插件，只用 JS 和 CSS 就實(shí)現(xiàn)了全部功能，而且非常直觀，類似Photoshop的界面，使用方便。顏色的明暗很容易自定義，整個(gè)整個(gè)都是用html5+ CSS3實(shí)現(xiàn)外觀而，插件只有28 KB，瀏覽器加載速度可以說是非?？斓?，而在低于IE9的版本也可以使用，只需載入了支持html5的html5shiv.js.

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、四平網(wǎng)絡(luò)推廣、小程序開發(fā)、四平網(wǎng)絡(luò)營銷、四平企業(yè)策劃、四平品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供四平建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com

下載該插件和 colpick.js 和 colpick.css 添加到您的文檔的頭：

html

Show Color Picker

js

 $('#colorSelector').colpick({
    flat: true,
    layout: 'full',
    submit: true,
    width: 500,
    colorScheme: 'dark',
    color: "#bbbbbb",
    onChange: function (hsb, hex, rgb, el, bySetColor) {
    }, onSubmit: function (hsb, hex, rgb, el) {
      //處理你的業(yè)務(wù)需求
    }
  }).keyup(function () {
    $(this).colpickSetColor(this.value);
  }).colpickSetColor("傳入一個(gè)默認(rèn)的顏色");

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持創(chuàng)新互聯(lián)！