一个不错的渐隐文字效果第1/2页

所属分类：网络编程 / JavaScript 阅读数： 398

收藏 0赞 0分享

我想实现一个，点一下按钮，text里面的文字渐渐消失，换成别的文字后，又渐渐出现的功能。
主要是这个函数
function chgtext() {
        hidetext();
        ide++;
        document.all.title.value=ide;
        showtext();
}
点一下执行一次这个函数，可是实现不了，请大家帮忙改一下，谢谢

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd">  <html>  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>无标题文档</title>    </style>  </head>  <body>  <form name="titlechk">                              <tr>                                  <td width="210" colspan="6" background="img/jb_bg_t2.jpg">                                      <div id="inputbox" style="margin-left: 11px; margin-bottom: 2px;">                                                                                  <input id="title" type="text" name="stitle" class="tmptxt" value="GuitarMusic" style="font-size: 12px; width: 180px; height: 16px; border: none;" readonly align="absmiddle">                                    </div>                                  </td>                              </tr>                              <input name="text1" type="button" onClick="chgtext()">                                </form>                                </body>  </html>

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

效果一

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title>  </style> </head> <body onload="chg()"> <form name="titlechk">                             <tr>                                 <td width="210" colspan="6" background="img/jb_bg_t2.jpg">                                     <div id="inputbox" style="margin-left: 11px; margin-bottom: 2px;">                                                                                <input id="title" type="text" name="stitle" class="tmptxt" value="GuitarMusic" style="font-size: 12px; width: 180px; height: 16px; border: none;" readonly align="absmiddle">                                   </div>                                 </td>                             </tr>                             <input name="text1" type="button" onClick="chg()">                              </form>                              </body> </html>

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

效果二：

12 下一页阅读全文

更多精彩内容其他人还在看

一个不错的渐隐文字效果第1/2页

Jquery-data的三种用法

微信小程序实战之自定义toast（6）

微信小程序--onShareAppMessage分享参数用处(页面分享)

微信小程序实战之自定义抽屉菜单（7）

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

JavaScript错误处理和堆栈追踪详解

微信小程序开发之麦克风动画帧动画放大淡出

微信小程序实战之自定义模态弹窗（8）

jQuery加密密码到cookie的实现代码

javascript实现日期三级联动下拉框选择菜单

网络赚钱

站长故事

一个不错的渐隐文字效果第1/2页

Jquery-data的三种用法

微信小程序实战之自定义toast（6）

微信小程序--onShareAppMessage分享参数用处(页面分享)

微信小程序实战之自定义抽屉菜单（7）

微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传

JavaScript错误处理和堆栈追踪详解

微信小程序开发之麦克风动画 帧动画 放大 淡出

微信小程序实战之自定义模态弹窗（8）

jQuery加密密码到cookie的实现代码

javascript实现日期三级联动下拉框选择菜单

网络赚钱

站长故事

微信小程序开发之从相册获取图片使用相机拍照本地图片上传

微信小程序开发之麦克风动画帧动画放大淡出