roundSlider

JavaScript

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

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

roundSlider

roundSlider

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

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

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

【Macアプリ】ポモドーロ・テクニックに基づいた集中タイマー「Pomodoro Time」前のページ

2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」次のページsyncscroll

関連記事

  1. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  2. Skippr

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

  3. Sal.js

    JavaScript

    Vanilla JSによる軽量のスクロールアニメーションライブラリ「Sal.js」

    Sal.jsは軽量のスクロールアニメーションを実装できるライブラリです…

  4. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  5. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  6. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP