文字顏色漸變腳本

2010-08-16 文本操作 ℃

腳本說明:

把如下代碼加入<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>

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

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