jQuery新浪微博表情插件教程

<link rel="stylesheet" type="text/css" href="jquery.sinaEmotion.css">

<script src="jquery.min.js"></script>
<script src="jquery.sinaEmotion.js"></script>

　　<form class="publish">
        <div id="result"></div>
        <textarea class="content" id="content">欢迎使用jQuery Sina Emotion[呵呵]</textarea><br>
        <input class="face" type="button" value="表情">
        <input class="submit" type="button" value="解析">
    </form>

<div id="result"></div>

<textarea class="content" id="content">欢迎使用jQuery Sina Emotion[呵呵]</textarea>

$.fn.sinaEmotion = function(target) {

        target = target
                || function() {
                    return $(this).parents(‘form‘).find(
                            ‘textarea,input[type=text]‘).eq(0);
                };

$(‘.submit‘).bind({
            click : function(){
                var content = $(‘#content‘).val();
                $(‘#result‘).html(content).parseEmotion();
            }
        });
        $(‘.face‘).bind({
            click: function(event){
                if(! $(‘#sinaEmotion‘).is(‘:visible‘)){
                    $(this).sinaEmotion();
                    event.stopPropagation();
                }
            }