0

HitmoのWebサイトから「Budget」スライダーを再作成しようとしています：http： //hitmo-studio.com/contact.html#budget-panel-container

しかし、Hitmoスライダーほどスムーズに実行することはできません：http： //jsfiddle.net/XNBMr/1/

必要なもの：

  • よりスムーズなアニメーション
  • タグの「現在」のテキストの色を白（テキストシャドウなし）のaddClassに変更しますか？
  • 「予算を選択」は選択できないはずです
  • オプションがクリックされたときに「青いボックス」が移動できるようにします（ホバーしている間は移動しません）
  • 青いボックスから離れてホバリングしてから戻ると、下のホバースタイルが点滅します。

これについての支援をいただければ幸いです。とても近いと思いますが、もっと合理化されたアプローチが必要だと思います。これをできるだけシンプルにしたいと思います。ありがとう！

4

1 に答える 1

1

見てみましょう：

  • アニメーション：おそらく、速く始まり、遅くなる「イーズアウト」が必要です。
  • ホワイトテキストとホバー：クラスの追加は非常に簡単です（ただし、cssについては、パフォーマンスのために実際に作成されたものではありません。vanseodesignまたはmozillaを参照してください）。ウエストも少し外しましたが、実際に落としたりやり直したりする必要があります（かなりラフです）。
  • Click＆Budget：うーん、基本的なjqueryイベント（コードを見つけて変更しようとしたと思います）; 予算が再選択されないようにすることは、単純な条件付きです...

- デモ -

于 2012-08-16T05:02:38.050 に答える