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

no-imageインタラクティブなツリー機能を実装できる「jstree」前のページ

レスポンシブ対応の軽量・コンパクトでシンプルなモーダルボックス「Modelo」次のページno-image

最近の記事

  1. スマトラ
  2. さくらドーナツ
  3. 紙のコーヒーフィルター
  4. PS5とFF7リメイクと鉄拳8
PAGE TOP