no-image

JavaScript

シンプルな円形のカラーピッカーを実装できる「jQuery-Colorwheel」

jQuery-Colorwheelはシンプルな円形によるカラーピッカーを実装できるjQueryプラグインです。さまざまな色を円形状に配置して、各カラーをクリックするとその色のカラー値が中央に表示されます。操作や実装がシンプルでお手軽ながらも、パレット内に表示させるカラーも簡単に設定できます。

パレットに並べる色はカスタマイズ可能

jQuery-Colorwheel

実際のデモはファイルをダウンロードして確認できます。デモでは通常のカラーピッカーに加え、カスタマイズしたパレットによるデモも用意されています。

カラーホイールに表示されているいずれかの色にホバーすると、その色が少し外側に伸びるアニメーションが実装されています。そして、その色をクリックすると円の中央にカラー値が表示される仕組みです。

<div id="widget"></div>
<style>
    #widget {
        display: block;
        width: 200px;
        height: 200px;
    }
</style>

そんなに多くのカラーを必要とせず、できるだけシンプルなカラーピッカーを設置したい人は、ぜひ「jQuery-Colorwheel」を使ってみてはいかがでしょうか? jQuery-ColorwheelのライセンスはMITとのこと。

ax5ui-menuカスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」前のページ

マスクエフェクトが素敵なスライダー実装「Masked Circle Slider」次のページno-image

関連記事

  1. Thumbelina

    JavaScript

    サムネイル画像のギャラリーに最適なコンテンツスライダー「Thumbelina」

    Thumbelinaは、サムネイル画像に最適なコンテンツスライダーを実…

  2. Product Builder

    JavaScript

    カスタマイズ性に優れたオンラインストアに役立つ「Product Builder」

    Product Builderは、カスタマイズ性に優れたオンラインスト…

  3. jAnimate

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  4. normalmap.js

    JavaScript

    インタラクティブなライティングエフェクトを実装できる「normalmap.js」

    normalmap.jsはシンプルでインタラクティブなライティングエフ…

  5. JavaScript

    画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

  6. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

最近の記事

  1. 紫陽花
  2. 生ハム&モッツァレラチーズ サラダラップ
  3. コガネムシ
  4. ショルダーハム&5種の野菜サンドイッチ
PAGE TOP