当前位置：Gxlcms > JavaScript > 一个不错的渐隐文字效果第1/2页

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

时间：2021-07-01 10:21:17 帮助过：32人阅读

我想实现一个，点一下按钮，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>

function hidetext() {  
    document.getElementById("title").style.color="rgb(" + col + "," + col + "," + col + ")";   
    if (col != 0){col -= 1;}  
    setTimeout('hidetext()', 10);   
}

function showtext() {  
    document.getElementById("title").style.color="rgb(" + col + "," + col + "," + col + ")";   
    if (col != 153){col += 1;}  
    setTimeout('showtext()', 10);   
}

var ide=0;

function chgtext() {  
    hidetext();  
    ide++;  
        document.all.title.value=ide;  
    showtext();  
}  
</script>

</style>  
</head>

<body>

[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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
效果二：
12下一页阅读全文

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

人气教程排行