emotion-ratings

JavaScript

絵文字を使ったレーティング機能を実装できる「emotion-ratings」

emotion-ratingsは絵文字を使ったレーティング機能を実装できるjQueryプラグインです。シンプルで可愛い絵文字による評価を手軽に取り入れられるのがいいですね。サイズやカラー、カウント数などといったカスタマイズもできますよ。

emotion-ratings

デモ

デモにはいろんな種類の絵文字によるレーティングが用意されています。評価によって絵文字が変化するものや、カウント数が多めのもの、サイズが小さいものなど、その種類はさまざまなです。自サイトの雰囲気や用途に応じて最適なカスタマイズができるのも大きな魅力といえますね。

オプションには、bgEmotion、emotions、count、color、emotionSize、inputName、initialRatingといった項目が用意されています。

var emotionsArray = {
    angry: "😠",
    disappointed: "😞",
    meh: "😐", 
    happy: "😊",
    smile: "😃",
    wink: "😉",
    laughing: "😆",
    inlove: "😍",
    heart: "❤",
    crying: "😢",
    star: "⭐",
    poop: "💩",
    cat: "😺",
    like: "👍",
    dislike: "👎"
};

多彩な絵文字によるレーティング機能を実装したい人は、ぜひ「emotion-ratings」を活用されてみてはいかがでしょうか?

emotion-ratings

関連記事

  1. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  2. Circliful

    JavaScript

    円グラフで統計情報を伝えたい時に役立つjQueryプラグイン「Circliful」

    CirclifulというjQueryプラグインを使えば、統計情報を伝え…

  3. Amigo Sorter Plugin

    JavaScript

    タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

    Amigo Sorter Pluginは、タッチ対応で直感的にリスト項…

  4. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  5. Clock Timepicker Plugin for jQuery
  6. no-image

    JavaScript

    シンプルなモバイルメニューを実装できる「offcanvas-mobile-menu」

    offcanvas-mobile-menuは、シンプルでモバイルフレン…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP