设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 文本特效 > 详细内容
彩虹文字
发布时间:2010-3-16  阅读次数:9916  字体大小: 【】 【】【

<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">&nbsp;&nbsp;&nbsp; </font>
           <p><font face="幼圆" size="3" color="#00FFFF">&nbsp;&nbsp;</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>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮