JavaScriptで絵文字を表示させる「Emotions toggle」

コメント欄などでかわいい絵文字が使用できると、華やかになります。
JavaScriptライブラリjQueryのプラグインEmotions toggleを利用すると簡単に導入できます。
JavaScriptで絵文字を表示させる「Emotions toggle」サンプル

使用方法
Emotions toggleからファイル一式をダウンロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.emotions.js"></script>
<script>
$(document).ready(function () {
$('#id名').emotions();
});
</script>

jquery.emotions.js内に画像を指定する箇所が61行目にありますので、適宜変更して下さい。
あとはhtmlを以下のように記述します。
<div id="id名">
指定の記号
</div>

指定の記号はどこにも対応表がないので、以下のサンプルからご覧ください。
JavaScriptで絵文字を表示させる「Emotions toggle」サンプル

sponsors

「JavaScriptで絵文字を表示させる「Emotions toggle」」をシェアする

記事作成:
記事URL:

TOP > > > JavaScriptで絵文字を表示させる「Emotions toggle」