彩虹文字_脚本HTML教程-查字典教程网
彩虹文字
彩虹文字
发布时间:2015-05-12 来源:查字典编辑
摘要:网页特效|Linkweb.cn/Js|---彩虹文字彩虹文字——文本渐变色请看这个例子:青山不语…&h...

 <html>

<head>
<title>网页特效|Linkweb.cn/Js|---彩虹文字</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<script language="JavaScript">
<!-- Hide the script from old browsers --

function MakeArray(n){
   this.length=n;
   for(var i=1; i<=n; i++) this[i]=i-1;
   return this
}

hex=new MakeArray(16);
hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";

function ToHex(x){              // Changes a int to hex (in the range 0 to 255)
   var high=x/16;
   var s=high+"";               //1
   s=s.substring(0,2);          //2 the combination of these are the same as the trunc function
   high=parseInt(s,10);         //3
   var left=hex[high+1];        // left part of the hex-value
   var low=x-high*16;           // calculate the rest of the values
   s=low+"";                    //1
   s=s.substring(0,2);          //2 the combination of these are the same as the trunc function
   low=parseInt(s,10);          //3
   var right=hex[low+1];        // right part of the hex-value
   var string=left+""+right;    // add the high and low together
   return string;
}

function rainbow(text){
   text=text.substring(3,text.length-4);        // gets rid of the HTML-comment-tags
   color_d1=255;                                // any value in 'begin' 0 to 255
   mul=color_d1/text.length;
   for(i=0;i<text.length;i++){
      color_d1=255*Math.sin(i/(text.length/3)); // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))"
      color_h1=ToHex(color_d1);
      color_d2=mul*i;
      color_h2=ToHex(color_d2);
      document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
   }
}

// --End Hiding Here -->
</script>

<meta content="Microsoft FrontPage 5.0" name="GENERATOR">
</head>

<body bgColor="#000000" text="#FFFFFF">
<font size="+2">

<p align="center"></font><strong><big><big><font color="#ff8000" face="幼圆">彩虹文字——文本渐变色</font></big></big></strong></p>

<script language="JavaScript"><!--
   {rainbow("-->请看这个例子:青山不语……在季节背后,你独守那一片梦的海洋,执著地等待……任凭心的潮水,冲刷记忆的围栏……<!__");} 
// --></script>


<p></p>

<div align="center">
  <center>

<table width="88%">
  <tr>
    <td width="73%"></td>
  </tr>
  <tr>
    <td width="73%"><font face="幼圆" size="3" color="#00FFFF">    </font>
      <p><font face="幼圆" size="3" color="#00FFFF">  </font><font color="#00FF00"><font face="幼圆" size="3"> 
      </font>请看上面这个例子,<font face="幼圆" size="3">一段文本,颜色均匀过渡,如同天空中雨后的彩虹,横过屏幕,十分赏心悦目,这种文本颜色均匀过渡的效果,你可能在photoshop等图形编辑软件里用到过,但现在,你也可以用到网页上了!</font>比起简单的文字,是不是更具煽情性</font><font color="#00FF00">。</font></p>
    </td>
  </tr>
</table>

  </center>
</div>

<div align="center">
  <center>
  <table border="0" width="100%">
    <tr>
      <td width="50%"></td>
      <td width="50%"></td>
    </tr>
    <tr>
      <td width="50%"></td>
      <td width="50%"></td>
    </tr>
  </table>
  </center>
</div>
</body> 
</html>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新脚本HTML教程学习
    热门脚本HTML教程学习
    网页设计子分类