roundSlider

JavaScript

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

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

roundSlider

roundSlider

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

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

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

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

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

関連記事

  1. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  2. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  3. no-image

    JavaScript

    スタイリッシュなスライダーを実装できるjQueryプラグイン「bsc-slider」

    bsc-sliderは、シンプルでスタイリッシュなスライダーを実装する…

  4. gridscrolling.js
  5. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  6. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP