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. flipLightBox
  2. JavaScript

    ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

    Spotlightはショータイムが始まる前のスポットライトのようなアニ…

  3. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

  4. JavaScript

    レスポンシブに対応して画像をポップアップ表示してくれる素敵なjQueryプラグイン「fancyBox…

    とても有名なプラグインですが、今まで使ってみたことがなかったので試して…

  5. Slight Submenu
  6. Viewer

    JavaScript

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

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

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP