• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 爱情文章 > 正文

    怎么把图片里的文字变换颜色_文字逐渐变换颜色

    时间:2018-08-11来源:山茶花美文网 本文已影响 山茶花美文网手机站

     <html>

    <head>
    <title>网页特效|Linkweb.cn/Js|---文字逐渐变换颜色</title>
    </head><body>
    <!--将以下代码加入HTML的<Body></Body>之间-->
    <SCRIPT language=JavaScript>
    <!-- Begin
    text = "网页特效梦工厂"
    color1 = "0000FF";
    color2 = "FF0000";
    fontsize = "4";
    speed = 100;
    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>
    </body></html>
    • 怎么把图片里的文字变换颜色_文字逐渐变换颜色 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全