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. OverlayScrollbars
  2. Letter Effects and Interaction Ideas
  3. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

  4. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

  5. Albe Timeline

    JavaScript

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

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

  6. Swipe-Li

    JavaScript

    スマホ操作に最適!左右のスワイプで有効・無効を選べるjQueryプラグイン「Swipe-Li」

    Swipe-LiというjQueryプラグインを使えば、左右のスワイプで…

最近の記事

  1. 梅の花
  2. 三菱ブレッドオーブン
  3. 浜離宮恩賜庭園

アーカイブ

PAGE TOP