roundSlider

JavaScript

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

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

roundSlider

roundSlider

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

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

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

関連記事

  1. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  2. Pushbar.js

    JavaScript

    スライドでコンテンツを引き出せる「Pushbar.js」

    Pushbar.jsはスライドでコンテンツやナビゲーションメニューを引…

  3. JavaScript

    blur効果で要素を簡単にぼかしてくれるjQueryプラグイン「Foggy」

    FoggyというjQueryプラグインを使ってみました。これを使えば指…

  4. Unite Gallery

    JavaScript

    レスポンシブな画像・動画ギャラリーを実装できる「Unite Gallery」

    Unite Galleryは、レスポンシブに対応した画像・動画ギャラリ…

  5. Animsition
  6. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP