no-image

JavaScript

ツールチップを活用したフィードバックソリューション「Modern Customer Feedback Plugin」

Modern Customer Feedback Pluginはツールチップを活用したフィードバックソリューションを実装できるjQueryプラグインです。たくさんのカスタマー達の意見をツールチップを用いて表示できる画像ギャラリーになります。カスタマーの評価などをこういった形で見せるのもおもしろいですね。

マウスオーバーでコメントを表示

デモ

デモではたくさんの人達のアイコン画像が表示されていて、ここにマウスオーバーするとその人のコメントが見れるようになっています。マウスオーバーしない限りコメントは非表示の状態のままなので、テキストでゴチャゴチャした印象を感じさせないのがいいですね。気になった人のコメントを自分から取得していく形になっています。

マークアップもとてもシンプルに記述できるし、オプションも豊富に用意されているのでカスタマイズしたい人にもうれしい仕様になっています。主なオプション項目は、ContainerHeight、OverFlowAllowed、DefaultTargetsWidth、DefaultTargetsHeight、TargetsSizeRandomizePlus、TargetsSizeRandomizeMinus、InitiallyHideTargets、UseAnimation、AnimationDuration、AnimationFriction、AnimationFrequency、AnimationTimeBetween、MinSpreadX、MinSpreadY、MaxTries、Scrollable、LeftOverflowAllowed、MinPaddingTop、MinpaddingBottom、SlightMovementAnimation、AutoscrollSpeed、ScrollWaitです。

Modern Customer Feedback Plugin

関連記事

  1. bcralnit.js
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの基本的なanimateメソッドを使って適当に遊んでみる

    jQueryのanimateメソッドを使えば自分で好きなようにアニメー…

  3. fullPage.js

    JavaScript

    フルページでコンテンツごとにスクロールする「fullPage.js」

    fullPage.jsはフルページでコンテンツごとにスクロールするレス…

  4. CSS3 3D Text Plugin for jQuery
  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでreplaceWithやreplaceAllを使って要素を置き換えてみる

    jQueryでreplaceWithやreplaceAllを使えば好き…

  6. Lena.js

    JavaScript

    多彩な画像処理ができるJSライブラリ「Lena.js」

    Lena.jsは多彩な画像処理を行うことができるJSライブラリです。セ…

最近の記事

  1. Slim Sleeve Wine

アーカイブ

PAGE TOP