📄 rainbown_word.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<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)       // 将整数转换成16进制
{              
   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(0,text.length);        
   color_d1=255;                                
   mul=color_d1/text.length;
   for(i=0;i<text.length;i++){
      color_d1=255*Math.sin(i/(text.length/3));    //根据字符在字符串种的位子来变化颜色 
      color_h1=ToHex(color_d1);
      color_d2=mul*i;
      color_h2=ToHex(color_d2);
      document.write("<FONT size=20 face=Bookman Old Style COLOR='#C3"+
                      color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
   }
}
</script>
</head>
<body bgcolor="#ffffff" background="bg.jpg">
<center>
<font size=30 color="#DE3076" face="汉鼎繁淡古">
<br>看下面,文字间的颜色柔和渐变,不再是单调的一种颜色<br>
</font>
<hr width=75%>
<SCRIPT LANGUAGE="JavaScript">
   rainbow("This is a Javascript example for rainbow text"); 
</SCRIPT><br>
</body>
</html><IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -