JQuery新浪1630个表情插件(带解析方法)
2013-05-10 21:09 阅读(177)


此表情Jquery插件分为默认,浪小花,摩丝摩丝,郭斯特,阿拉兔,白骨精,罗小黑,hello菜菜,癫当,面瘫萝卜,冷兔,小幺鸡,心情,桂宝,懒猫猫,彼尔德,小纯洁,BOBO和TOTO,天气,休闲,炮炮兵,哎呦熊,搞怪,块猫,柏夫,萌萌,管不着,臭臭,nonopanda,恐龙宝贝,影子,阿狸,大耳兔,哈皮兔,星座,爱心,亚运会,张小盒,悠嘻猴,小新小浪,拜年,大熊,蘑菇点点等43个系列的表情图片.

 

完美兼容IE6+所有浏览器,初始化缓存,页面仅仅加载一次就可以了。

 

核心代码如下:

$(function() {
    var app_id = '1362404091';
    $.ajax( {
        dataType : 'jsonp',
        url : 'https://api.weibo.com/2/emotions.json?source=' + app_id,
        success : function(response) {
            var data = response.data;
            for ( var i in data) {
                if (data[i].category == '') {
                    data[i].category = '默认';
                }
                if (emotions[data[i].category] == undefined) {
                    emotions[data[i].category] = new Array();
                    categorys.push(data[i].category);
                }
                emotions[data[i].category].push( {
                    name : data[i].phrase,
                    icon : data[i].icon
                });
                uSinaEmotionsHt.put(data[i].phrase, data[i].icon);
            }
        }
    });
});

//替换
function AnalyticEmotion(s) {
    if(typeof (s) != "undefined") {
        var sArr = s.match(/\[.*?\]/g);
        for(var i = 0; i < sArr.length; i++){
            if(uSinaEmotionsHt.containsKey(sArr[i])) {
                var reStr = "<img src=\"" + uSinaEmotionsHt.get(sArr[i]) + "\" height=\"22\" width=\"22\" />";
                s = s.replace(sArr[i], reStr);
            }
        }
    }
    return s;
}

效果如下:

 

在线演示



来自:博客园

作者:漫画之迷

链接:http://www.cnblogs.com/temdy/archive/2013/05/10/3070869.html