渐变的文字效果
下面是效果
首先将下面的代码加入到你网页中<head></head>区域......
<script language="JavaScript">
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=50;
mul=color_d1/text.length;
for(i=0;i < text.length;i++){
color_d1=211*Math.sin(i/(text.length/3)); "155*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>
然后将下面代码加入到网页中适当的位置即可......
<script>
<!--
{rainbow("-->电脑学习网欢迎您的到来！！！<!--");}
//-->
</script>
在这个效果中,蓝色部分是可以改动的文字，换成你自己的内容即可.在此希望你可以给本站做链接,谢谢！！！