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

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

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

点击运行可以看到效果:

<script language="JavaScript"> 
var col=000; 
var se=3 
var txt = new Array() 
txt[0] = "0" 
txt[1] = "1" 
txt[2] = "2" 
txt[3] = "3" 
var all=1; 
function chg() { 
        document.getElementById("title1").style.color="rgb(" + col + "," + col + "," + col + ")";  
    if (col < 255 ){ 
    se = 15; 
    col += se; 
var    aaa=setTimeout('chg()', 1); 
    } 
    else {window.clearTimeout(aaa);chgtext();} 
}

function chg2() { 
    document.getElementById("title1").style.color="rgb(" + col + "," + col + "," + col + ")";  
    if (col > 0 ){ 
    se = 15; 
    col -= se; 
var    aaa=setTimeout('chg2()', 1); 
    } 
    else {window.clearTimeout(aaa);} 
} 
function chgtext() { 
       if(all==txt.length){document.getElementById("title1").value=txt[0];all=0;all+=1;} 
else{document.getElementById("title1").value=txt[all];all=all+1;};

chg2(); 
     
} 
</script>

<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="title1" type="text" name="stitle" class="tmptxt" value="0" style="font-size: 12px; width: 180px; height: 16px; border: none;" readonly align="absmiddle"> 
                                  </div> 
                                </td> 
                            </tr> 
                            <input name="text1" type="button" onClick="chg()"> 
                             
</form>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

当前2/2页上一页 1 2

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

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

0

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

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

文章评论

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

同类文章

最近更新

热点排行