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. Select.js

    JavaScript

    セレクトボックスをオシャレにスタイリングしてくれるJS・CSSライブラリ「Select.js」

    Select.jsはセレクトボックスをシンプルでオシャレにスタイリング…

  2. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

  3. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

  4. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  5. Bricklayer

    JavaScript

    軽量なグリッドレイアウトを実装できる「Bricklayer」

    Bricklayerは軽量なグリッドレイアウトを実装することができるラ…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP