文字颜色渐变脚本2

2010-10-19 文本操作 ℃

脚本说明:

把如下代码加入<body>区域中

<!-- Hide

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

var high=x/16;

var s=high+"";

s=s.substring(0,2);

high=parseInt(s,10);

var left=hex[high+1];

var low=x-high*16;

s=low+"";

s=s.substring(0,2);

low=parseInt(s,10);

var right=hex[low+1];

var string=left+""+right;

return string;

}

function rainbow(text){

text=text.substring(3,text.length-4);

color_d1=255;

mul=color_d1/text.length;

for(i=0;i < text.length;i++){

color_d1=255*Math.sin(i/(text.length/3)); "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>');

}

// -->

</script>

<!--

{rainbow("--> YOUR MESSAGE GOES HERE. THE LONG THE BETTER!<!--");}

//-->

</SCRIPT>

相关特效代码: 文字从左到右出现10/19; 文字来回反弹10/19; 文字逐个闪烁10/19; 文字变色逐个出现10/19; 文本框文字间隔输出09/25; 段落文字百叶窗效果输出09/25; 文字输出的不同效果09/25; 文字闪烁效果09/15; 点击文字显示隐藏链接09/15; 鼠标移动到链接文字上出现链接菜单09/15

热门特效代码: 输入框的文字闪烁变色引人注意; 纯CSS内页内容切换选项卡; 鼠标经过链接显示注释旋转风火轮; 指向自动选择的输入框; 放大镜链接效果; 带注释的链接特效; 文字闪烁效果; 带注释的链接特效代码; 点击文字显示隐藏链接; WEB2.0圆形边框css做法

推荐特效代码: 字符连续消隐; 文字变色逐个出现; 段落文字百叶窗效果输出; 点击文字显示隐藏链接; 文字由小变大由大变小（动态变化; 文字来回上下移动或跳动