可在线编辑网页文字效果代码(单击)
我们 | 我们 | 我们 | 我们 | 我们 |
www.jb51.net | www.jb51.net | www.jb51.net | www.jb51.net | www.jb51.net |
我们 | 我们 | 我们 | 我们 | 我们 |
www.jb51.net | www.jb51.net | www.jb51.net | www.jb51.net | www.jb51.net |
我们 | 我们 | 我们 | 我们 | 我们 |
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();
}
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
可在线编辑网页文字效果代码(单击)
我们 我们 我们 我们 我们 www.jb51.net www.jb51.net www.jb51.net www.jb51.net www.jb51.net 我们 我们 我们 我们 我们 www.jb51.net www.jb51.net www.jb51.net www.jb51.net www.jb51.net 我们 我们 我们 我们 我们 oldObj=""; var newNode=document.createElement("input"); newN
-
JS实现状态栏跑马灯文字效果代码
本文实例讲述了JS实现状态栏跑马灯文字效果代码.分享给大家供大家参考,具体如下: 这款状态栏跑马灯,文字跑动的定义在数组内,自己可修改内容.现在的IE8貌似不兼容,有缺憾的代码,欢迎JS爱好者修正,修正请发回一份.状态栏为效果显示区. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/ 具体代码如下: <HTML> <HEAD> <TITLE>间隔状态栏跑马灯</T
-
JS实现完全语义化的网页选项卡效果代码
本文实例讲述了JS实现完全语义化的网页选项卡效果代码.分享给大家供大家参考.具体如下: 这是一款完全语义化的JS网页选项卡,包括了两种用法,一种是点击式,另一种是滑动门式,具体用哪一种要根据你自己的需要了,滑动门是在鼠标经过时触发,选项卡则是需要鼠标点击的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-yyh-web-tab-cha-nav-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C/
-
JS基于Ajax实现的网页Loading效果代码
本文实例讲述了JS基于Ajax实现的网页Loading效果代码.分享给大家供大家参考,具体如下: 这是一款很不错的网页Loading效果,常用于Ajax交互式网页设计中,点击按钮即可弹出Loading框,若Loading框未加载完成时关闭网页,会弹出确认提示框,用于一些对安全性能要求高的网页交互处理中,比如付款操作. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ajax-web-loading-style-codes/ 具体代码如下:
-
jquery实现可旋转可拖拽的文字效果代码
本文实例讲述了jquery实现可旋转可拖拽的文字效果代码.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript
-
jQuery实现的网页左侧在线客服效果代码
本文实例讲述了jQuery实现的网页左侧在线客服效果代码.分享给大家供大家参考,具体如下: 这是又一个网页上的在线客服代码,不错,可以用一下哦.与其它客服不一样的地方呢?无非是在网页左侧滑出,可对客服类型分组,又多了一个功能,哈哈. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-left-online-kf-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
-
jQuery实现的网页右下角tab样式在线客服效果代码
本文实例讲述了jQuery实现的网页右下角tab样式在线客服效果代码.分享给大家供大家参考,具体如下: 这是一款网页右下角tab样式的在线客服代码,若在火狐或chrome浏览器下,客服是带边框阴影的,IE8下好像没边框效果,整体不如在Chrome.火狐.Opera浏览器下.这款在线客服代码的底部使用了TAB选项卡的样式,鼠标点击可切换客服的内容,还是挺新颖的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-right-buttom
-
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
本文实例讲述了JS实现模拟百度搜索"2012世界末日"网页地震撕裂效果代码.分享给大家供大家参考,具体如下: 这是一款JS模拟百度搜索"2012世界末日"网页地震撕裂效果,本效果是模仿用户在百度输入"2012世界末日"后点击搜索后出来的网页效果,网页在震动,像是地震了,而后开始撕裂,然后显示出相关的文字说明,很酷的效果,希望大家可以学习借鉴. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-
-
JS实现超简洁网页title标题跑动闪烁提示效果代码
本文实例讲述了JS实现超简洁网页title标题跑动闪烁提示效果代码.分享给大家供大家参考,具体如下: 这里演示不几行JS代码实现的网页Title文字跑动效果,类似有消息时的标题闪烁提醒功能,在JS代码中,当变量_record累加到3是,将其赋值为1.相当于无限循环.需要显示的消息提示内容可自拟哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-blink-style-codes/ 具体代码如下: <html xmlns="
-
JavaScript实现标题栏文字轮播效果代码
本文实例讲述了JavaScript实现标题栏文字轮播效果代码.分享给大家供大家参考,具体如下: 这里演示的JS文字轮播,显示在标题栏区域,以前个人主页时候经常见到的效果,不过现在都规范了,标题栏一般都不加入这种效果了.但是可以学习一下JS制作实现一些文字特效,运行效果后请查看标题栏. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-loop-show-style-demo/ 具体代码如下: <html> <head>
随机推荐
- JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
- Ajax如何传输Json和xml数据
- CKEditor网页编辑器 中文使用说明
- 12个非常有用的JavaScript技巧
- IOS swift中的动画的实例详解
- Paypal实现循环扣款(订阅)功能
- setTimeout和setInterval的深入理解
- js 剪切板应用clipboardData详细解析
- jsp的常用指令有哪些(编译指令/动作指令整理)
- canvas滤镜效果实现代码
- jQuery实现用户输入自动完成功能
- jquery 指南/入门基础
- JavaScript 弹出窗体点击按钮返回选择数据的实现
- js获取当前select 元素值的代码
- JS实现点击登录弹出窗口同时背景色渐变动画效果
- CentOS 6.4 中安装php5.2.17 的方法
- Redis 订阅发布_Jedis实现方法
- 关于c#中枚举类型支持显示中文的扩展说明
- PHP form 表单传参明细研究
- 深入C++中struct与class的区别分析