Fly to

JavaScript

カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを実装することができるjQueryプラグインです。カートに入ったことがアニメーションでしっかりと分かるのでユーザーにとっては安心できますね。

Fly to

デモ

商品の下部に設置された「ADD TO CART」というボタンをクリックすると、右上にあるカートのアイコンまで飛んでいって入るアニメーションが表示されます。

カートに入れられたことがちゃんと確認できるので便利ですね。

割とめずらしいアニメーションなので、ちょっとした新鮮味のあるショッピング体験をサイト内に取り入れたい場合によさそうです。

Fly to

関連記事

  1. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  2. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  3. MoveTo

    JavaScript

    軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

    MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装する…

  4. sticky-items

    JavaScript

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

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  5. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

  6. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP