开发缘由
自从新浪微博开放平台推出以来,各种微博应用层出不穷,作为新浪微博的忠实用户之一,我也曾开发过几个微博应用,对于微博发布应用来说,有一个功能是必不可少的,那就是表情。表情功能的实现虽说不难,但却比较繁琐,首先要了解新浪微博开放平台的表情API,然后通过某种方式调用,如果通过网页后台代码直接读取储存到JavaScript变量中,又会拖慢网页加载速度,如果采用AJAX读取,又要解决跨域问题,即便成功读取到表情数据了,又必须考虑表情分类,翻页等等等等问题,还需要考虑表情的插入方式并非简单的在文本最后插入,而是在光标所在处插入,还应该能够替换掉已选中文字,还要涉及到不同浏览器的兼容问题……
好吧,上面这段文字你可以跳过不看,你只需要知道表情功能的实现非常繁琐就行了(+_+),为了方便以后微博应用的开发,同样方便其他应用开发者,此款表情插件就此诞生。
插件简介
其实插件简介不必多说,用过新浪微博的应该都懂。自认为制作得还是比较像的:Demo就不给了,上图是我们学校树洞应用的截图,算是校内性质,不提倡校外人士使用,下载文件中附带Demo,虽然比较简陋一些。
有何更新
使用方法
首先不要忘记在head中加载CSS文件:-
<styletype="text/css"href="jquery.sinaEmotion-1.0.css"></style>
确保你的网页中引入了jQuery库:-
<scripttype="text/javascript"src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
然后引入js文件:-
<scripttype="text/javascript"src="jquery.sinaEmotion-1.0.min.js"></script>
调用格式如下:
-
$('#face').sinaEmotion({ //表情按钮
-
target:$('.emotion')//目标文本框,可以是input或者是textarea
-
app_id:'' //你的App Key
- });
如果你的表情是在textarea的同一个表单下,也可以直接这样调用:-
$('#face').sinaEmotion();
App Key的可从新浪微博开放平台获得。
下载地址
谷歌开源项目地址:http://code.google.com/p/jquery-sina-emotion/新浪微盘下载地址:http://vdisk.weibo.com/s/b0y9I
还有话说
如果您愿意支持一下的话,欢迎戳一戳我的博客→http://www.clanfei.com←
由于前段时间博客大规模改版,再加上购置了一级域名,现阶段访问量比较惨淡ToT。。如蒙关照,不胜感激。。
=======================签 名 档=======================
原文地址(我的博客):http://www.clanfei.com/2012/08/1644.html
欢迎访问交流,至于我为什么要多弄一个博客,因为我热爱前端,热爱网页,我更希望有一个更加自由、真正属于我自己的小站,或许并不是那么有名气,但至少能够让我为了它而加倍努力。。
=======================签 名 档=======================
分享到:
相关推荐
好吧,上面这段文字你可以跳过不看,你只需要知道表情功能的实现非常繁琐就行了(+_+),为了方便以后微博应用的开发,同样方便其他应用开发者,此款表情插件就此诞生。 插件简介 其实插件简介不必多说,用过新浪...
使用帮助:http://www.clanfei.com/2012/08/1644.html
仿新浪微博显示头像 jquery插件,javascript
jquery新浪微博表情插件
完全仿照 新浪微博图片 显示 制作 公司要制作这样一个东东 花了一个礼拜写的 稍微改改完全满足你的需求的
JQuery新浪微博表情插件(兼容各浏览器)
jQuery 进度条插件 v1.2.zip
jquery微博表情插件,含有丰富的表情图片,功能强大,包括常用表情和魔法表情。
第一次写jqueyr插件--jquery仿微博表情插件,大家可以随意更改
jquery新浪微博表情插件.
jQuery微博评论表情插件,这款基于jQuery的仿微博评论表情插件非常完美,有多个表情集合供用户选择。
jquery仿微博表情插件20120809 修复了兼容性等问题 添加例子说明
jQuery仿新浪微博大厅滚动效果v2.0 jQuery仿新浪微博大厅滚动效果v2.0,分别调用了jQuery动画暂停插件和滚动效果js,具体见代码,源码库推荐下载。
JqueryDemoTools-用于整理jQueryDemo V1.2 http://blog.csdn.net/a497785609/article/details/41680825
一个基于jQuery的新浪微博首页页面展示
文本框插入类似QQ,微博表情的Jquery插件