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

no-imageフルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」前のページ

ミニマルで超軽量・シンプルなタブを実装できるjQueryプラグイン「CardTabs」次のページCardTabs

関連記事

  1. no-image

    JavaScript

    クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

    Cookie Banner JSは、Webサイト上に表示させるクッキー…

  2. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

  3. no-image

    JavaScript

    ミニマルなイメージギャラリーを実装できる「Albery」

    Alberyはミニマルなイメージギャラリーを実装できるjQueryプラ…

  4. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  5. Tikslus Carousel
  6. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP