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. jQuery ui material design datepicker
  2. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

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

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  4. nuContextMenu

    JavaScript

    モダンなコンテキストメニューを実装できる「nuContextMenu」

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

  5. Swipe-Li

    JavaScript

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

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

  6. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

最近の記事

  1. FE 35mm F1.8
  2. RONIN-SC
  3. プラスシェル シティ04 フォールディングカメラケース

アーカイブ

PAGE TOP