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

342 阅读 0 评论 226 点赞

我是靠谱客的博主欢喜狗，这篇文章主要介绍一个不错的渐隐文字效果第1/2页，现在分享给大家，希望可以做个参考。

我想实现一个，点一下按钮，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页的全部内容，更多相关一个不错内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(226)

本文分类：JavaScript
浏览次数：342 次浏览
发布日期：2022-04-06 18:05:03
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_23_o_22_fy_13_j_26__27_.html

相关文章

flash利用逐帧动画制作渐隐文字动画教程

flash利用逐帧动画制作渐隐文字动画教程

AJAX开发者的最新工具和技术

AJAX开发者的最新工具和技术

SoftICE for WIN95中文命令解说(十四)

SoftICE for WIN95中文命令解说(十四)

PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)

PHP文件去掉PHP注释空格的函数分析(PHP代码压缩)

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

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

Redis和Memcache的区别总结

Redis和Memcache的区别总结

backupnotify.exe是什么文件的进程 backupnotify进程安全吗

backupnotify.exe是什么文件的进程 backupnotify进程安全吗

OpenStack 组件的更新教程

OpenStack 组件的更新教程

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部