responsive-flip-pricing-table

JavaScript

レスポンシブでフリップによる価格表示の切り替えができる「Responsive Flip Pricing Table」

レスポンシブに対応し、フリップによる価格表示の切り替えもできるテーブル「Responsive Flip Pricing Table」をご紹介します。月と年の価格をフリップアニメーションでスムーズに切り替えることが可能です。

Responsive Flip Pricing Table

Responsive Flip Pricing Table

デモ画面には、BASIC、EXCLUSIVE、PROの各価格が表示されており、その上には月と年を切り替えることができるスイッチボタンが設置されています。

MonthlyからYearlyに切り替えると、最初に表示された月額表示から年額表示にフリップで切り替わります。スムーズなフリップアニメーションで、手軽に月額と年額を確認できるのがいいですね。

定額サービスを運営しているWebページなどで活用できるのではないでしょうか?

また、レスポンシブにも対応していることから、PCはもちろんスマホでもレイアウトが最適化されるところもグッドです。

フリップによる価格表示の切り替えを実装したい人は、ぜひResponsive Flip Pricing Tableをチェックしてみてください。

関連記事

  1. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

  2. Letter Drop

    JavaScript

    雨のように文字が落ちてくるアニメーションのjQueryプラグイン「Letter Drop」

    Letter DropというjQueryプラグインを使えば、雨のように…

  3. A simple DIY responsive image slideshow
  4. Sliding Panels Template

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP