页面导航：首页 → 网络编程 → JavaScript → 网页特效 → 典型特效 → 正文内容

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

发布：dxy 字体：[增加减小] 类型：转载

我想实现一个，点一下按钮，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 全选提示:你可先修改部分代码,再按运行]

效果一

点击运行可以看到效果:

<!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 全选提示:你可先修改部分代码,再按运行]

效果二：

当前1/2页 1 2 下一页

Tags：一个不错的渐隐文字效果

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：不错的文字特效，逐字变色效果
下一篇文章：javascript四个方向无间隙滚动合集(多浏览器IE,firefox兼容)

·在百度中搜索关于“一个不错的渐隐文字效果”相关内容
·在谷歌中搜索关于“一个不错的渐隐文字效果”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

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

文章评论

同类文章

最近更新

热点排行

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

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行