qq表情点击图片出现qq表情，选中提交到文本框资源-CSDN文库

共81个文件

gif：76个

js：3个

html：1个

代码

5星 · 超过95%的资源需积分: 12 140 浏览量 2012-07-19 13:40:09 上传评论 1 收藏 234KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

qq.zip （81个子文件）

example.html 3KB

jquery-1.7.1.min.js 92KB

jquery.qqFace.min.js 2KB

face.gif 249B

jquery.qqFace.js 3KB

qqFace.css 241B

face

71.gif 971B

67.gif 2KB

1.gif 2KB

49.gif 1KB

7.gif 4KB

53.gif 1KB

64.gif 2KB

5.gif 5KB

19.gif 2KB

15.gif 2KB

60.gif 3KB

59.gif 1KB

40.gif 4KB

56.gif 1KB

55.gif 1KB

23.gif 2KB

24.gif 2KB

22.gif 2KB

28.gif 5KB

2.gif 2KB

44.gif 4KB

61.gif 1KB

69.gif 1KB

41.gif 2KB

47.gif 3KB

12.gif 2KB

52.gif 2KB

43.gif 5KB

65.gif 2KB

75.gif 654B

48.gif 4KB

6.gif 3KB

35.gif 1KB

45.gif 2KB

8.gif 5KB

42.gif 5KB

38.gif 10KB

26.gif 3KB

13.gif 2KB

4.gif 2KB

62.gif 1KB

74.gif 2KB

46.gif 6KB

27.gif 3KB

50.gif 2KB

29.gif 2KB

14.gif 4KB

11.gif 8KB

37.gif 2KB

39.gif 3KB

17.gif 8KB

3.gif 2KB

31.gif 7KB

68.gif 3KB

73.gif 1KB

58.gif 1KB

70.gif 2KB

25.gif 4KB

54.gif 1KB

9.gif 3KB

18.gif 8KB

63.gif 1KB

10.gif 4KB

32.gif 4KB

16.gif 3KB

34.gif 13KB

66.gif 2KB

36.gif 2KB

72.gif 988B

30.gif 6KB

33.gif 2KB

20.gif 2KB

21.gif 3KB

51.gif 2KB

57.gif 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>QQ表情 jQuery 插件</title> <link href="qqFace.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.qqFace.min.js"></script> <style type="text/css"> .t{ font-size:12px; color:#666666; line-height:20px; } h1{ color:#000000; border-bottom:1px #ccc solid; } .tools{ width:510px; display:inline-block; background:#ebeff8; border:1px #d4d7e6 solid; padding:5px; } .faceBtn{ color:#656565; font-size:12px; width:80px; height:25px; line-height:25px; padding-left:25px; background:url(face.gif) 4px 4px no-repeat; cursor:pointer; } </style> <script type="text/javascript"> //实例化表情插件 $(function(){ $('#face1').qqFace({ id : 'facebox1', //表情盒子的ID assign:'content1', //给那个控件赋值 path:'face/' //表情存放的路径 }); $('#face2').qqFace({ id : 'facebox2', assign:'content2', path:'face/' }); }); //查看结果 function view(id){ var str = $('#'+id).val(); str = str.replace(/\</g,'<'); str = str.replace(/\>/g,'>'); str = str.replace(/\n/g,'<br/>'); str = str.replace(/\[\/表情([0-9]*)\]/g,'<img src="face/$1.gif" border="0" />'); $('#result').html($('#result').html() + str); } </script> </head> <body> <h1>QQ表情jQuery插件</h1> <div class="t"> 制作：黄海<br /> QQ:654706160<br /> 邮箱：<a href="mailto:webs63@qq.com">webs63@qq.com</a><br /> 网址：<a href="http://www.nommo.cc">http://www.nommo.cc</a><br /> 微博：<a href="http://weibo.com/webs63">http://weibo.com/webs63</a><br /> 欢迎jQuery爱好者与我联系，互相交流技术。 </div> <div id="result"></div> <div> <br /> <br /> <div class="tools"> <div id="face1" class="faceBtn">添加表情</div> <textarea id="content1" style="width:500px;height:100px;"></textarea><br /> </div> <br /> <input type="button" value="提交" onclick="view('content1');" /> <br /> <br /> <div class="tools"> <div id="face2" class="faceBtn">添加表情</div> <textarea id="content2" style="width:500px;height:100px;"></textarea> </div> <br /> <input type="button" value="提交" onclick="view('content2');" /> </div> </body> </html>

评论收藏

内容反馈