光标处插入图片(类似于qq表情)

最新推荐文章于 2020-06-09 16:08:50 发布

风心

最新推荐文章于 2020-06-09 16:08:50 发布

阅读量165

点赞数 1

分类专栏： JS 文章标签： QQ Cache JSP HTML

JS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

a.jsp:
<%@ page contentType="text/html; charset=gbk" pageEncoding="gbk"%>
<%@ page import="java.util.*"%>

<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragma","no-cache");
response.setDateHeader ("Expires", 0);
%>

<HTML>
<HEAD>
<TITLE> 光标出插入图片 </TITLE>
</HEAD>

<BODY>
<table>

<tr>
<td valign="top">表情：</td>
<td>
<%for(int i = 0; i < 96; i ++){%>
<img src="/images/QQ/<%=i%>.gif" style="cursor:hand" οnmοuseοut="mOut(this)" οnmοuseοver="mOver(this)" οnclick="ck(this)">
<%}%>

</td>
</tr>

<tr>
<td>
<textarea id="txtContent" rows="10" style="width:90%"></textarea>
</td>
</tr>
</table>
</BODY>
</HTML>

<script language="javascript">
function mOut(obj) {
var src = obj.src;
src = src.replace("fixed.bmp", ".gif");
obj.src = src;
}
function mOver(obj) {
var src = obj.src;
src = src.replace(".gif", "fixed.bmp");
obj.src = src;
}
function ck(obj) {
var src = obj.src;
src = src.replace("fixed.bmp", ".gif");
txtContent.insertHTML("<img src=" + src + ">");
}

</script>