文本框插入表情Jquery插件是一款非常实用的功能,应用场景很广,基本上很多网站的留言和评论模块都用到,为了方便大家使用,网友水墨寒将此功能封装成一个通用的插件。代码里面的每一个功能都写上了很详细的注释,分成了3个主要功能,除了插件本身还有一个光标定位插件和表情解析插件。
页面代码使用如下:
<script type="text/javascript">
$(function (){
$("a.face").smohanfacebox({
Event : "click", //触发事件
divid : "Smohan_FaceBox", //外层DIV ID
textid : "Smohan_text" //文本框 ID
});
//解析表情 $('#Zones').replaceface($('#Zones').html());
});
//Demo测试
$('#Smohan_Showface').click(function() {
$('#Zones').fadeIn(360);
$('#Zones').html($('#Smohan_text').val());
$('#Zones').replaceface($('#Zones').html());//替换表情
});
</script>
效果如下:
在线演示和下载:http://www.jq-school.com/Detail.aspx?id=153
发表评论
-
110个常用的jquery特效和插件
2013-08-27 09:36 1814为了方便网友们的学习jquery,在互联网中把网站常用到的特 ... -
jQuery插件分类与编写
2013-07-26 12:18 8141. 插件种类插件其实就是对现有的方法(或者叫函数)做一个封 ... -
8款实用的Jquery瀑布流插件
2013-07-23 02:26 15451、网友Null分享Jquery响应式瀑布流布局插件首先非常 ... -
原创Jquery实现图片幻灯片特效
2013-03-04 09:02 670首先非常感谢网友晓天的无私分享,此Jquery特效是他的第一 ... -
分享jquery-ui仿WebQQ整合苹果菜单界面
2013-01-24 15:04 821jquery-ui仿WebQQ整合苹果菜单界面是一套效果非常 ... -
分享26本关于Jquery的学习书籍(免费下载)
2012-11-30 23:18 897分享26本关于Jquery的学习书籍(免费下载) 1、精通Ja ... -
Jquery实现颜色选择器插件
2012-07-31 09:46 893Jquery实现颜色选择器插件是一款很实用的功能插件,可以灵活 ... -
Jquery实现仿搜索引擎文本框自动补全插件
2012-07-31 09:44 797Jquery实现仿搜索引擎文本框自动补全插件功能很实用,使用也 ... -
Jquery实现瀑布流布局插件
2012-07-30 17:47 884瀑布流,又称瀑布流式布局。 是目前比较流行的一种网站页面布 ... -
鼠标拖动改变容器大小的Jquery插件
2012-07-30 17:45 1029鼠标拖动改变容器大小的Jquery插件可以灵活设计调整容器高度 ... -
Jquery实现无限级别导航菜单插件
2012-07-30 17:44 712Jquery实现无限级别导航菜单插件是一款功能很功能且很实用的 ... -
Jquery+Json实现无刷新分页插件
2012-07-30 17:43 949数据分页是一种可减轻服务器负担,很多地方只需要局部刷新即可,提 ... -
Jquery实现关键字标签生成插件
2012-07-30 17:42 1036此插件功能Enter或Tab或失去焦点确定标签输入完毕,双击文 ... -
漫画原创Jquery消息提示插件
2012-07-26 01:48 719一共有4种提示操作: 1、错误(error) 2、 成 ... -
漫画原创Jquery返回顶部插件
2012-07-26 01:46 734漫画原创Jquery返回顶部插件使用简单,步骤如下:1、引用插 ... -
漫画原创Jquery限制字符输入插件
2012-07-26 01:44 694Jquery限制字符输入是一个非常实用的功能,漫画现在把它写成 ... -
漫画原创Jquery内容插入光标处插件
2012-07-26 01:43 833内容插入光标处是很常用的一种功能,尤其是做编辑器,这是不可缺少 ... -
Jquery实现JS混淆、压缩、格式化、CSS压缩、CSS格式化
2012-07-26 01:41 1377此工具是漫画综合了网络上比较流行的一些JS混淆、压缩、格式化、 ... -
漫画原创Jquery弹出层插件
2012-07-25 20:04 763此插件可支持以下功能1、触发响应事件 2、设置弹出层的标题 ... -
漫画原创Jquery把http地址自动变成可访问的url链接插件
2012-07-25 20:03 477漫画原创Jquery把http地址自动变成可访问的url链接插 ...
相关推荐
文本框插入类似QQ,微博表情的Jquery插件
Jquery文本框插入表情插件
jQuery插件 文本框、文本域 光标处插入代码 免费就是强大, 大家一起共享哈....
即便成功读取到表情数据了,又必须考虑表情分类,翻页等等等等问题,还需要考虑表情的插入方式并非简单的在文本最后插入,而是在光标所在处插入,还应该能够替换掉已选中文字,还要涉及到不同浏览器的兼容问题…… ...
jQuery-emoji 让文本框或可编辑div具备插入表情功能.支持给textarea或可编辑div加上表情功能,自动识别元素类型。支持自定义表情代码的格式。
Placeholdem 是个 JavaScript 插件,在点击输入框或者文本框插入时会出现占位符消失的动画;当离开输入框或者文本框时占位符又自动恢复原状。在线 demo 标签:placeholder
内容索引:脚本资源,jQuery,jQuery插件 Jquery.Careterjquery.Careter 将文本插入到文本框指定位置,感谢您使用我的jquery插件,希望我的插件有您需要的功能,甚至能用帮您完成工作或者学习上的问题,一些使用说明:...
一个有用的快速地创建新浪微博表情选择替代的jQuery插件。 有何特点 使用简单,一行代码即可创出出表情选择 自带智能表情解析方法(但还是建议表情解析在服务端进行) 兼容IE6 +,Chrome,Firefox,Opera等各种...
使用jQuery UI插件以拖动方式管理相册 第9章 使用browser对象获取浏览器信息 使用boxModel对象检测是否是W3C盒子模型 使用$.each()工具函数遍历数组 使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
6.5 综合案例分析—用ajax实现新闻点评即时更新 6.5.1 需求分析 6.5.2 效果界面 6.5.3 功能实现 6.5.4 代码分析 6.6 本章小结 第7章 jquery常用插件 7.1 jquery插件概述 7.2 验证插件validate 7.3...
86:事件冒泡 87:阻止冒泡 88:阻止默认行为 89:动画效果 90:slideDown 91:淡入淡出 92:幻灯片插件1 93:幻灯片插件2 94:幻灯片插件3 95:幻灯片插件4 96:时间轴插件 97:图表插件1 98:图表插件2 99:图表插件3 100:图表...
此插件使用中介框架将文本框转换为标记框 中介框架的目的是创建一个跨框架的引擎,用于创建可插入任何框架的 JavaScript 插件。 这是我将选择的 JavaScript 框架与插件逻辑解耦来实现的反过来通过中介调用其父框架...
版本0.14:当前页面的注释计数指示器自动同步选项(间隔10分钟)版本0.12:修复快速搜索版本0.11:新的上下文菜单命令“插入注释”允许在可编辑文本框中插入注释。 (不要在此站点上尝试新命令,Google会阻止扩展库...
0.4.2-将Twittify函数名称更改为Condense,因为它实际上在Twitter中是无用的(他们的/ Unicode的错,不是我的),修复了在某些情况下不必要地插入khireks的错误,更改了文本框0.4.0的字体-添加了Twittify按钮,更新...
* 兼容其他JavaScript库 (例如:jQuery, Prototype等); * 支持Flash 8和Flash 9; SWFUpload不同于其他基于Flash构建的上传工具,它有着优雅的代码设计,开发者可以利用XHTML、CSS和JavaScript来随心所欲的...