文字逐個變色

字號:


    腳本說明:
    把如下代碼加入<body>區(qū)域中:
    <script language="JavaScript">
    <!-- Begin
    text = "歡迎光臨網(wǎng)站制作學習網(wǎng)"; //顯示的文字
    color1 = "blue"; //文字的顏色
    color2 = "red"; //轉(zhuǎn)換的顏色
    fontsize = "6"; //字體大小
    speed = 100; //轉(zhuǎn)換速度 (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 size =" + fontsize + "><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 = "<center><font face=arial size=" + fontsize + "><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></center>";
    a.innerHTML = str;
    }
    (i == text.length) ? i=0 : i++;
    }
    setInterval("changeCharColor()", speed);
    // End -->
    </script>