Points Of Interest

JavaScript

各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」

Points Of Interestはサイト内に設置した各ポイントをクリックすることで簡単な詳細文を表示させることができるjQueryスクリプトです。プロダクトなどの特徴を素早く簡単に伝える時に役立ちますね。

[ads_center]

Points Of Interest

実際のデモは以下からどうぞ。

Points Of Interest

Points Of Interest デモ

+のアイコンをクリックすると、その部分に関する説明文が表示されます。

直感的にも操作しやすく、ユーザー自身が気になるポイントを選んで確認することができるので、プロダクトの特徴を迅速に理解しやすいですね。

テキストはサッとフェードで表示され、テキストが表示されている時は、プラスのアイコンがバツ印に切り替わります。

この辺りのさりげないエフェクトやアニメーションがいい感じです。

Points Of Interest

Before and After image scriptビフォーとアフターを見比べれるjQueryプラグイン「Before and After image script」前のページ

レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」次のページChocolat

最近の記事

  1. スキャルプ&ヘア リファイニング トリートメント オイル R
  2. ポーレックスの手動ミル
  3. クリスマスブロンドロースト
  4. トマトとニンニク
  5. ウィンターホワイトマグツリー
PAGE TOP