可在线编辑网页文字效果代码(单击)

更新时间：2013年03月02日 23:37:50 作者：

可在线编辑网页文字效果代码，点击即可编辑文字，喜欢的朋友可以参考下

<style type="text/css"></style><center><div id="aa"></div><table width="80%" id="tab1"  border="1" bordercolorlight="#CCCCCC" bordercolordark="#FFFFFF" onclick="setEdit(event.srcElement)" style="border:9px groove lime;">  <tr>    <td width="20%" id="td1">脚本之家</td>    <td width="20%">脚本之家</td>    <td width="20%">脚本之家</td>    <td width="20%">脚本之家</td>    <td width="20%">脚本之家</td>  </tr>  <tr>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>  </tr>  <tr>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>  </tr>  <tr>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>    <td>www.jb51.net</td>  </tr>  <tr>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>    <td>脚本之家</td>  </tr></table></body></html><script>oldObj="";var newNode=document.createElement("input");newNode.type="text";function setEdit(click_td){var obj; if(click_td.tagName=="TD"){if(oldObj!=""){oldObj.removeChild(eval("tmpText"));if(newNode.vlaue=="") oldObj.innerText=" ";else oldObj.innerText=newNode.value;}obj=click_td;oldObj=obj;//newNode.width=obj.clientWidth;//newNode.height=obj.clientHeight;newNode.width=obj.offsetWidth;newNode.height=obj.offsetHeight;newNode.id="tmpText";newNode.value=obj.innerText;obj.innerText="";obj.appendChild(newNode);newNode.focus();}}</script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

相关文章

js 左右悬浮对联广告代码示例
这篇文章主要介绍了js 左右悬浮对联广告代码示例,需要的朋友可以参考下
2014-12-12
js实现完美拖拽效果可拖动层与回放拖动规迹并显示拖动距离参数
一个完美的JS拖拽功能，实现层在网页上任意拖动，还可回放拖动规迹，而且在拖动时显示拖动距离参数等相关属性。经本人测试兼容性也是相当不错的代码，学习JavaScript的朋友，可以拿来研究研究，您可不要错过哦
2012-12-12
带你快速上手前端响应式布局与Bootstrap栅格系统
这篇文章带你快速上手前端响应式布局与Bootstrap栅格系统,响应式布局主要是针对各种不同尺寸的屏幕兼容性问题,需要的朋友可以参考下
2023-03-03
支持IE,firefxo,chrome浏览器下鼠标拖动和拖拽的鼠标指针特效
这篇文章主要分享一个鼠标拖动的层的实例，支持谷歌浏览器，firefox，ie等浏览器，需要的朋友可以测试下
2015-02-02
js最简单的拖拽效果实现代码
说到拖拽功能，现在各大，中，小型网站都基本上有类似的东西，特别是对弹出层拖拽，更是常见的一塌糊涂。。。
2010-09-09
js隔行变色、鼠标划过变色代码
隔行变色、鼠标划过变色代码，已经有不少类似的代码了，出于学习的态度，再发一个，因为每个隔行换色的写法不同。
2010-10-10
始终在页面底部的层js实现代码
其实就是通过js将层始终定位在底部，多用于提示效果
2012-11-11
仿Discuz!的论坛评分发帖弹出提示并渐渐消失的效果
仿Discuz!论坛评分发帖弹出提示并渐渐消失的效果，相信不少朋友都见到过这效果吧
2010-10-10
js 页面左右两侧居中广告代码
js 页面左右两侧居中广告代码,里面的代码还不错
2012-03-03
js 左右悬浮对联广告特效代码
一段js 左右悬浮广告特效代码，js制作web网页左右悬浮广告特效，左右悬浮广告通常也称为对联广告，需要的朋友参考下
2014-12-12

最新评论