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

関連記事

  1. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  2. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2012年に紹介したjQueryプラグインのまとめ

    当ブログで2012年にご紹介したjQueryプラグインをまとめてみまし…

  3. Turntable.js

    JavaScript

    画像を使ってストップモーション動画のような効果を実装できる「Turntable.js」

    Turntable.jsは複数の画像を使ってストップモーション動画のよ…

  4. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

  5. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  6. JavaScript

    リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」

    ちょっと面白そうだったので使ってみました。リスト化した各テキストを円を…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP