淡入淡出的文字效果

java_dream_fly

于 2010-09-03 16:11:00 发布

阅读量434

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/java_dream_fly/article/details/6505328

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Untitled Document</title>

  <script language="JavaScript" type="text/javascript">
   var colors = new Array("FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF","F9F9F9","F1F1F1","E9E9E9","E1E1E1","D9D9D9","D1D1D1","C9C9C9","C1C1C1","B9B9B9","B1B1B1","A9A9A9","A1A1A1","999999","919191","898989","818181","797979","717171","696969","616161","595959","515151","494949","414141","393939","313131","292929","212121","191919","111111","090909","000000");
   var x=0,j=1;
   function show()
   {
    var c = colors[x];
    var str = '<center><font color='+c+' size="10" face="微软雅黑">Good Good study,day day up!</font></center>';
    div1.innerHTML = str;
    x+=j;
    if(x==colors.length)
    {
     j-=2;
    }
    if(x==0){
     j+=2;
    }
    setTimeout('show()',20);
   }

  </script>

</head>
<body onload="show()">
  <div id="div1"></div>
</body>
</html>