• 2010-03-31

    变色的文字 - [网页资料]

    Tag:

    将下面的代码复制到〈BODY〉与〈/BODY〉中 ­

    <SCRIPT language=JavaScript>     ­

    <!-- ­

    text = "欢迎光临七色风网页家园 http://www.7wind.net"; //修改显示内容     ­

    color1 = "black"; //文字的颜色     ­

    color2 = "RED"; //转换的颜色,如果此处用WHITE会有另一种不同的效果,     ­

    fontsize = "3"; //字体大小     ­

    speed = 100; //转换速度 (1000 = 1 秒)       ­

    i = 0;     ­

    if (navigator.appName == "Netscape") {     ­

    document.write("<layer id=a visibility=show></layer><br><br><br>");     ­

    }     ­

    else {     ­

    document.write("<div id=a></div>");     ­

    }     ­

    function changeCharColor() {     ­

    if (navigator.appName == "Netscape") {     ­

    document.a.document.write("<center><font face=arial ><font color=" + color1 +       ­

    ">");     ­

    for (var j = 0; j < text.length; j++) {     ­

    if(j == i) {     ­

    document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>");     ­

    }     ­

    else {     ­

    document.a.document.write(text.charAt(j));     ­

    }     ­

    }     ­

    document.a.document.write('</font></font></center>');     ­

    document.a.document.close();     ­

    }     ­

    if (navigator.appName == "Microsoft Internet Explorer") {     ­

    str = "<font face=arial><font color=" + color1 + ">";     ­

    for (var j = 0; j < text.length; j++) {     ­

    if( j == i) {     ­

    str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";     ­

    }     ­

    else {     ­

    str += text.charAt(j);     ­

    }     ­

    }     ­

    str += "</font></font>";     ­

    a.innerHTML = str;     ­

    }     ­

    (i == text.length) ? i=0 : i++;     ­

    }     ­

    setInterval("changeCharColor()", speed);     ­

    -->     ­

    </SCRIPT>