给您的留言板加上表情功能的代码

您的当前位置：网页代码站 >> 表单及按钮 >> 给您的留言板加上表情功能的代码

给您的留言板加上表情功能的代码

分类：表单及按钮时间：2010-09-02 点击：

关键词：JS|css|网页代码|代码|

<!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>
		<title>给您的留言板加上表情功能的代码 - www.webdm.cn</title>
	</head>
<body>
<div class="titleline_green">发布新留言</div>
<form action="" method="post" name="Message" >
<div class="team_r" style="width:380px">
  <p><img src="http://www.webdm.cn/images/20100902/01.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/02.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[@o@] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/03.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-|-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/04.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[o_o] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/05.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[ToT] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/06.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[*_*] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/07.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-x-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/08.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-zz] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/09.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[t_t] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/10.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-!] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/11.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:,] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/12.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:P] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/13.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:D] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/14.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:)] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/15.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:(] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/16.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:O] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/17.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:#] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/18.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:Z] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/19.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:0=] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/20.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/:P] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/21.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:$] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/22.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-.-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/23.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/-_-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/24.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:{] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/25.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[zz] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/26.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[|-_-|] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/27.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-||] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/28.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:.] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/29.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:-Q] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/30.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[9_9] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/31.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:,.] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/32.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:?] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/33.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:-|] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/34.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:K] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/35.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:G] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/36.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:L] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/37.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:c] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/38.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:q] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/39.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:Y] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/40.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/gs] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/41.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/sg] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/42.gif" awidth="20" height="20" onClick="document.forms[0].gb_word.value+='[/hp] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/43.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/ok] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/44.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/rain] ';document.forms[0].gb_word.focus()" style="cursor:hand">
      <img src="http://www.webdm.cn/images/20100902/45.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/yin] ';document.forms[0].gb_word.focus()" style="cursor:hand">
    </p>
</div>

<div class="team_l">
<textarea name="gb_word" cols="48" rows="10" mce_editable="true" onkeydown=gbcount(this.form.gb_word,this.form.total,this.form.used,this.form.remain); onkeyup=gbcount(this.form.gb_word,this.form.total,this.form.used,this.form.remain);></textarea><br />

<input type="submit" name="Submit" value="提交"><input type="reset" name="Submit2" value="重置">
</div>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>
</body>
</html>

运行代码全选代码复制代码保存代码友情提示

给您的留言板加上表情功能的代码。

一、如果您使用的浏览器版本为IE6.0、360浏览器V3.0.8.1版本或者IE的更低版本浏览本页面，建议您升级浏览器至IE7以上，上面的“运行”按钮可能不能用，但您可按以下方式查看。
运行代码方式：
1、点击“复制”按钮；
2、在桌面建立一个txt文档；
3、粘贴复制的代码；
4、最后把txt的扩展名改为“htm”或“html”；
5、完成，打开即可看到效果。

二、如果您使用FireFox或者非IE浏览器，建议您使用IE7以上版本。上面的“复制”按钮失效，请您“全选”，以普通方式复制！

三、某些代码因需加载完Jquery等之类比较大的JS文件，如果您看不到效果，请您刷新页面！

四、某些代码不能完全兼容各浏览器，还请您再次修改才能使用！给您带来的不便！尽请谅解！谢谢您的支持！

来顶一下

上一篇：AJAX实现页面选项卡、隔行换色、弹出层功能代码
下一篇：CSS在Div层或表格内使用滚动条