43、一个彩虹文字代码

43、一个彩虹文字代码

<html>

 

<head>

<title>网页特效---彩虹文字</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 6.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>

 

Write a comment

Comments: 0