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. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  2. VenoBox

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  3. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

  4. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  5. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

  6. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP