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

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

sponsors

使用方法

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>
指定の記号はどこにも対応表がないので、以下のサンプルからご覧ください。

サンプル

>:) :)) /:) <):) :)] :) :(( :( ;;) ;) >:D< :D :-SS #:-S :-? >:P :P (:| :| :-/ :-* =(( B-) :-S =)) O:-) :-B =; 8-| L-) :-& :-$ [-( :O) 8-} <:-P :x =P~ #-o =D> @-) :^o :-w :-< :-O :> :-c X( :-h 8->
OFF

sponsors

Javascriptサンプルページ一覧
skuare.net