JavaScriptで絵文字を表示させる「Emotions toggle」
コメント欄などでかわいい絵文字が使用できると、華やかになります。
JavaScriptライブラリjQueryのプラグイン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」サンプル
コメントする
記事作成：2009年6月12日 22:35
