高手看看网页如何实现这个效果？

来源：百度知道 编辑：UC知道 时间：2024/06/25 11:09:57
点击某一单元格，出来一个可以输入文字的框，输入文字后可以保存。类似于qq面板上修改签名的效果，有实现这种效果的代码吗？

<html>
<head>
<title>
lfjldj
</title>
</head>
<body>
<div style="width:200px;height:20px;background-color:blue;" onmousedown="show(this);"
onkeydown="if(event.keyCode==13){hidden(this);}">
<span style="display:block;">个性签名</span>
<input id="theinput" style="width:200px;height:20px;display:none;" value="" /></div>
<script language="javascript">
function show(obj)
{
obj.getElementsByTagName("span")[0].style.display="none";
obj.getElementsByTagName("input")[0].style.display="block";
obj.getElementsByTagName("input")[0].fucos();
}
function hidden(obj)
{
obj.getElementsByTagName("span")[0].style.display="block";
obj.getElementsByTagName("input")[0].style.di