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. Bootstrap Carousel Touch Slider with Text Animation
  2. no-image
  3. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  4. diamonds.js
  5. jQuery touchSwipe Carousel
  6. Albe Timeline

    JavaScript

    JSONデータを用いたタイムライン実装「Albe Timeline」

    Albe TimelineはJSONデータを用いたカスタマイズ性の高い…

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP