彩虹文字

 <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>

时间: 2024-10-08 03:39:48

彩虹文字的相关文章

JavaScript实现彩虹文字效果的方法_javascript技巧

本文实例讲述了JavaScript实现彩虹文字效果的方法.分享给大家供大家参考.具体如下: <HTML> <HEAD> <TITLE>Rainbow Text</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin hide from old browsers function createHexArray(n) { this.length = n; for (var i =

PS快速简单打造彩虹糖果文字特效

  1.在AI中用矩形画如下间隔的彩虹条. 图01 2.我们来做一个无缝拼接的图案. 把它复制一份拼接,倾斜一定角度,比如10度,然后在最左侧画一条线,切掉它,怎么切?看这里. 图02 把剩下来的部分复制向右移动,直到条纹与下面的重合. 图03 图04 再在新位置画一条线,把原来的右端切掉. 图05 这样我们再在上下各切"两刀",就可以得到一个完美的无缝拼接图案. 图06 图07 3.好了,选中这个图案,在上面画笔那里,新建一个画笔,旋转图案画笔,一般的参数是不用动的. 图08 4.这

PhotoShop制作彩虹光晕文字效果教程

教程为PS基础教程,通过介绍使用Photoshop制作黑夜彩虹文字特效,来加深大家对Photoshop中图层样式的了解, 以便日后设计创作时灵活运用这个Photoshop工具.在本PS教程中如有出错的地方请朋友们指出,希望大家喜欢! 最终效果图: 1.选择"文件/新建"菜单,打开"新建"或者Ctrl+N对话框 名称为:Photoshop文字特效,宽度:为640像素, 高度:为480像素, "分辨率"为72 , "模式"为RGB

PS打造拉丝不锈钢文字

  拉丝不锈钢是现在广告行业里做招牌很常用的一种材质,除了在日常装饰和家具上使用,很多大公司的形象墙上都会采用这种材质的文字,材质不算高档,但是给人的感觉一点都不LOW,这次我们就试着用PS打造极致质感的拉丝不锈钢文字. 1.新建画布,尺寸2880x1800 px,点图层面板"创建填充或者调整图层(第四个按钮)",创建一个纯色填充图层,填充色为:#1c1c1c,命名为bg1. 2.为该图层添加如下图层样式: (注意:需要自行新建一个9x9px空白文档,去掉背景,画3个3x3px的方形组

photoshop设计三维彩虹壁纸教程

在这个Photoshop教程中,我们将设计一个三维彩虹效果的彩色壁纸.非常漂亮. 在这个Photoshop教程中,我们将设计一个三维彩虹效果的彩色壁纸.非常漂亮. 首先在Photoshop中创建一个新文件,大小1900 * 1200像素,或者创建你喜欢的尺寸!最好使用默认的分辨率72.创建之后,使用矩形选框工具创建 大约1/7画布宽的选区,填充选区颜色为#490d69. 之后,创造一个同样大小的选区,填充颜色为#2e3894. 用同样的方式添加5个不同颜色的线条.每行使用下列颜色:#0b7eb5

中文文字设的探索和实验:设计标准和规则

文章描述:中文文字设的探索和实验:设计标准和规则. 实验文字设计先锋<032c>.Image: Helmut DC @ Flickr Apple4us 和 Lawrence Li 是中文互联网上关心中文文字使用和设计(typography)的重要力量.他们常年致力于实验和改善中文的使用和设计细节,包括主张在中文和英文之间加空格(和我们一样).以及使用「」和『』,以代替 "" 和''(我们暂时没有全面采用).今天的<中文引号及其它>一文详细阐明了 Lawrence

PS质感文字系列之:玻璃字

大概每个Photoshop的学习者刚开始都会学习一些简单的文字效果,什么彩虹字啦,大理石字啦等等,随便一找就是几十种.刚开始,你可能会十分惊喜,一头扎进去仔细研究,并喜孜孜的照着做了出来,战果辉煌的摆放在你的硬盘中.但渐渐的你就会发现,这些字体看上去也许还不错,但仔细观察就会漏洞百出,即不能派上什么用场,又不能作为一件作品来欣赏.而且,制作这些文字效果所用的知识,你几乎可以在任何一本Photoshop的教材中找到.所以,我认为制作这些似是而非的字体效果所带给你的进步和成就感,恐怕不如想象中的多.

Fireworks滤镜快速打造3D彩虹拖尾字特效

滤镜|特效 使用Fireworks中的Motion Trail滤镜可以快速制作出如下图所示的3D效果彩虹拖尾字. 图1 本例在Fireworks 8中文版中制作完成,具体操作步骤如下. 1.启动Fireworks mx 2004中文版后,按Ctrl+N新建一个文档,大小自定,然后使用文本工具在画布上单击,输入文本"网页教学网",注意这里共五个字,设置字体为"隶书",字号为64,结果如图2所示. 图2 2.在文本框中选中"网",将颜色改为紫色,再选

Photoshop制作梦幻般彩虹字特效

本教程主要用Photoshop制作梦幻般的彩虹字特效,教程中主要使用图层样式来制作字体的颜色和质感,然后用动感模糊滤镜完整梦幻般的玄幻效果. 本教程主要用Photoshop制作梦幻般的彩虹字特效,教程中主要使用图层样式来制作字体的颜色和质感,然后用动感模糊滤镜完整梦幻般的玄幻效果,下面让我们一起来学习了. 先看看效果图: 使用文字工具输入下面的文字,得到图层1. 使用"矩形工具"建立选区. 双击文字层,打开图层样式面板,设置"颜色叠加"选项,如下. 按照相同的方法,