How satisfied are you? Slider

JavaScript

スライダーの位置でアイコンが変化する「How satisfied are you? Slider」

How satisfied are you? Sliderは、スライダーを左右に動かすことで、その位置によってアイコンが変化するスライドバーを実装できるチュートリアルです。シンプルなスライドバーで操作もしやすく、応用次第でいろんなシーンに活用できそうですね。

How satisfied are you? Slider

How satisfied are you? Slider

デモでは「How satisfied are you?」と表示されたスライドバーが設置されています。バーを左右にスライドさせてみると分かると思いますが、顔のアイコンが表示され、真ん中を基軸に右へ移動させると笑っているアイコンになり、左へ移動させると不満なアイコンに変化します。

スライドの位置に応じてアイコンが切り替わるのでとてもおもしろい機能ですね。何かのレビュー評価など、用途によってはいろいろと応用できるのではないでしょうか?

というわけで、スライドバーの位置によってアイコンが変化する「How satisfied are you? Slider」の紹介でした。

no-imageシンプルなイメージスライダーとカルーセルを実装できる「SkySlider」前のページ

高いカスタマイズ性を備えたモダンダイアログライブラリ「Simply Modal Box」次のページSimply Modal Box

最近の記事

  1. クリスマスエスプレッソロースト
  2. シーザーチキン 石窯カンパーニュ
  3. スキャルプ&ヘア リファイニング トリートメント オイル R
  4. ポーレックスの手動ミル
  5. クリスマスブロンドロースト
PAGE TOP