Fly to

JavaScript

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

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

Fly to

デモ

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

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

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

Fly to

HoldOn.jsユーザーの待機中に表示させるアニメーション実装「HoldOn.js」前のページ

最大150枚の画像を一気にリサイズできる「Bulk Resize Photos」次のページ

関連記事

  1. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  2. Text Effects

    JavaScript

    テキストがカシャカシャ切り替わって表示するjQueryプラグイン「Text Effects」

    Text EffectsというjQueryプラグインを使えば、テキスト…

  3. JavaScript

    文章の段落にコメントできるjQueryプラグイン「SideComments.js」

    おもしろそうだったのでメモがてらご紹介。SideComments.js…

  4. JavaScript

    JavaScriptでセレクトボックスから項目を選択したらリンク先にジャンプさせるやり方

    ちょっとした備忘録です。よく見るセレクトボックスから各項目を選択するだ…

  5. Huebee

    JavaScript

    オシャレなカラーピッカーを手軽に表示させれる「Huebee」

    Huebeeはシンプルでオシャレなカラーピッカーを手軽に表示させること…

  6. jquery-backToTop

    JavaScript

    カスタマイズ性に優れたトップへ戻るボタンを実装できる「jquery-backToTop」

    jquery-backToTopはカスタマイズ性に優れた「トップへ戻る…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP