Unicode中的Emoji表情字符

#unicode 2014-05-09

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>Unicode6.0字符显示</title> <style> *{padding:0;margin:0;} body{font-size:50px;padding:20px;} h3{padding:20px 10px;background:#eee;} p{word-wrap:break-word;border:1px solid #ccc; padding:10px;} </style> <script src="/public/js/extend.js"></script> <div id="showcode"> </div> <script> var code = "<h3>Emoticons</h3><p>"; for(var i = 0x1f600 ; i <= 0x1f64f; i = i + 1 ){ code += "&#" + i + ";"; } code += "<h3>Miscellaneous Symbols And Pictographs</h3><p>"; for(var i = 0x1F300 ; i <= 0x1F5FF; i = i + 1 ){ code += "&#" + i + ";"; } code += "<h3>Playing Cards</h3><p>"; for(var i = 0x1F0A0 ; i <= 0x1F0FF; i = i + 1 ){ code += "&#" + i + ";"; } code += "<h3>Transport And Map symbols</h3><p>"; for(var i = 0x1F680 ; i <= 0x1F6FF; i = i + 1 ){ code += "&#" + i + ";"; } code += "<h3>Dingbats</h3><p>"; for(var i = 0x2700 ; i <= 0x27BF; i = i + 1 ){ code += "&#" + i + ";"; } code += "<h3>Miscellaneous Technical</h3><p>"; for(var i = 0x2300 ; i <= 0x23ff; i = i + 1 ){ code += "&#" + i + ";"; } $id("showcode").insertAdjacentHTML("beforeend",code); </script> </body> </html>

附一个QQ表情库

<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>QQ Emoticons</title> <script src="/public/js/extend.js"></script> <style> *{padding:0;margin:0;} img {padding:10px;margin:10px;border:3px double #eee;border-radius:8px;} </style> </head> <body> <div id="showEmo"> </div> </body> <script> var $id = function(o){ return document.getElementById(o); }; var Emo = { url : "http://ctc.qzonestyle.gtimg.cn/qzone/em/e", index : 0, removeArr : {205:300,371:500,778:829,954:1000,1012:1500,1503:2000,2074:2172,2325:2801,2804:3000,3079:3173,3200:4001,4021:4300,4302:4400,4411:6001,6096:7000,7450:10000,10075:100000,100179:100491,100730:110000,110157:120000,120043:121001,121036:326980,326981:327183,327184:327343,327570:327743,328710:332445}, getEmoStr : function(start,num){ var str = ""; Emo.index = start + num; for(var i = start; i < Emo.index; i++){ if(i in Emo.removeArr){ Emo.index = Emo.removeArr[i]; str += "<br />"; break; } str += "<img title="+i+" src=" + Emo.url + i + ".gif />"; }; return str; } }; var showDIV = $id("showEmo"); showDIV.insertAdjacentHTML("beforeend",Emo.getEmoStr(Emo.index, 1000)); window.onscroll=function(){ var scrollTop = document.body.scrollTop || document.documentElement.scrollTop, windowHeight = document.documentElement.clientHeight, documentHeight = document.body.offsetHeight; if(windowHeight + scrollTop > documentHeight - 50 ){ showDIV.insertAdjacentHTML("beforeend",Emo.getEmoStr(Emo.index, 200)); }; }; </script> </html>