roundSlider

JavaScript

値の範囲を円形スライダーで表示できる「roundSlider」

roundSliderは値の範囲を円形スライダーで表示できるjQueryプラグインです。円形の他にも、ハーフやクォーターといった形にすることも可能です。直接スライダーを操作できたりと使いやすく、見やすいですね。

roundSlider

roundSlider

スライダーをクリック&ドラッグすることで値を調節できます。また、数値を直接入力できるようにもなっています。

タッチ、キーボード、マウススクロールといったものをサポートしています。オプションも豊富に用意されているので、カスタマイズもしやすいです。

というわけで、値の範囲を円形スライダーで表示させたい方は、ぜひチェックしてみてはいかがでしょうか。

関連記事

  1. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

  2. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  3. circleChart

    JavaScript

    多彩なカスタマイズができる円形チャート「circleChart」

    circleChartは多彩なカスタマイズを実現した円形チャートを実装…

  4. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  5. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

  6. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

最近の記事

  1. マーガレットハウエルとミズノのコラボシューズ
  2. フレンチトーストや自家製ソーセージ
  3. ハレイワ スムージー
  4. クローバーで淹れたコーヒー
  5. 雪が降る日本海

アーカイブ

PAGE TOP