以下是 发表留言添加表情特效代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!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=gb2312" />
<meta name="keywords" content="JS代码,其他代码,JS广告代码,JS特效代码" />
<meta name="description" content="此代码内容为发表留言添加表情，属于站长常用代码" />
<title>发表留言添加表情</title>
</head>
<body>
<div class="titleline_green">发布新留言</div>
<form action="" method="post" name="Message" >
<div class="team_r" style="width:380px">
<p><img src="images/01.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/03.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-|-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/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="images/06.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[*_*] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/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="images/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="images/10.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-!] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/11.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:,] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/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="images/14.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:)] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/15.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:(] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/17.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:#] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/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="images/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="images/21.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:$] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/22.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-.-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/23.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[/-_-] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/24.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:{] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/26.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[|-_-|] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/27.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[-_-||] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/28.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:.] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/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="images/31.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:,.] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/32.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:?] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/33.gif" width="20" height="20" onClick="document.forms[0].gb_word.value+='[:-|] ';document.forms[0].gb_word.focus()" style="cursor:hand">
<img src="images/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="images/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="images/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="images/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="images/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="images/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="images/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="images/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="images/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="images/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="images/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="images/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>
</form>
</body>
</html>
分享到QQ
分享到微博
微信扫一扫
