js色選択プラグイン

COLPICKは非常に軽量で、写真なしでカラーセレクタのjqueryプラグインを実現し、JSとCSSだけですべての機能を実現し、直感的で、Photoshopのようなインターフェースを使用して便利です。色の明暗はカスタムしやすいです。全体はhttml 5+CSS 3で外観を実現します。プラグインは28 KBしかなく、ブラウザのロード速度は非常に速いと言えます。そして、IE 9以下のバージョンでも使えます。httml 5をサポートするhttml 5 shiv.jsをロードしただけです。
このプラグインとcolpick.jsとcolpick.cssをダウンロードして、あなたのドキュメントのヘッダに追加します。

<script src="js/colpick.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/colpick.css" type="text/css"/>

html<button id="picker">Show Color Picker</button>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) {
      //        
    }
  }).keyup(function () {
    $(this).colpickSetColor(this.value);
  }).colpickSetColor("         ");

以上が本文の全部です。本文の内容は皆さんの学習や仕事に一定の助けをもたらしてくれると同時に、私達を応援してください。