文字顏色漸變腳本2

2010-10-19 文本操作 ℃

腳本說明:

把如下代碼加入<body>區(qū)域中

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

相關(guān)特效代碼: 文字從左到右出現(xiàn)10/19; 文字來回反彈10/19; 文字逐個閃爍10/19; 文字變色逐個出現(xiàn)10/19; 文本框文字間隔輸出09/25; 段落文字百葉窗效果輸出09/25; 文字輸出的不同效果09/25; 文字閃爍效果09/15; 點擊文字顯示隱藏鏈接09/15; 鼠標移動到鏈接文字上出現(xiàn)鏈接菜單09/15

熱門特效代碼: 輸入框的文字閃爍變色引人注意; 純CSS內(nèi)頁內(nèi)容切換選項卡; 鼠標經(jīng)過鏈接顯示注釋旋轉(zhuǎn)風火輪; 指向自動選擇的輸入框; 放大鏡鏈接效果; 帶注釋的鏈接特效; 文字閃爍效果; 帶注釋的鏈接特效代碼; 點擊文字顯示隱藏鏈接; WEB2.0圓形邊框css做法

推薦特效代碼: 字符連續(xù)消隱; 文字變色逐個出現(xiàn); 段落文字百葉窗效果輸出; 點擊文字顯示隱藏鏈接; 文字由小變大由大變�。▌討B(tài)變化; 文字來回上下移動或跳動