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をチェックしてみてください。

jQuery Magnifyシンプルで軽量なズーム機能を実装できる「jQuery Magnify」前のページ

HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」次のページsticky-items

関連記事

  1. parallax-background.js
  2. Water Wave Effect jQuery
  3. BeefUp

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

  4. Parallax Slider with jQuery
  5. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  6. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP